如何用HTML写一个新闻页面(列表标签)
warning:
这篇文章距离上次修改已过287天，其中的内容可能已经有所变动。
下面是一个简单的HTML新闻页面示例，使用了无序列表<ul>来展示新闻列表：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新闻页面</title>
<style>
body {
font-family: Arial, sans-serif;
}
.news-list {
max-width: 600px;
margin: 0 auto;
padding: 20px;
background-color: #f9f9f9;
border: 1px solid #eee;
border-radius: 5px;
}
.news-list h2 {
text-align: center;
color: #333;
}
.news-list li {
margin-bottom: 10px;
}
.news-list li a {
text-decoration: none;
color: #000;
}
.news-list li a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<div class="news-list">
<h2>最新新闻</h2>
<ul>
<li><a href="news-story.html">标题1: 新型疫情影响全球供应链</a></li>
<li><a href="news-story.html">标题2: 人工智能在医疗保健中的应用</a></li>
<li><a href="news-story.html">标题3: 空间探测技术的最新进展</a></li>
<li><a href="news-story.html">标题4: 气候变化对农业生产的影响</a></li>
<li><a href="news-story.html">标题5: 新能源汽车市场的快速发展</a></li>
</ul>
</div>
</body>
</html>这个HTML页面包含了一个新闻列表，每条新闻都是一个链接，链接到一个假设的新闻故事页面news-story.html。列表有一个简单的样式，使用了CSS来增强用户体验。
评论已关闭