网页新闻案例 html
以下是一个简单的HTML页面示例,用于展示一条新闻:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>新闻标题</title>
<style>
body {
font-family: Arial, sans-serif;
}
.news-title {
color: #333333;
font-size: 24px;
font-weight: bold;
}
.news-date {
color: #777777;
font-size: 12px;
}
.news-content {
color: #555555;
font-size: 16px;
line-height: 1.5;
margin-top: 10px;
}
</style>
</head>
<body>
<div class="news-title">这是一个重要新闻的标题</div>
<div class="news-date">2023年6月15日</div>
<div class="news-content">
新闻正文内容。这里是新闻的详细描述,可以包含不同的文本格式,比如链接、列表和图片等。
</div>
</body>
</html>
这个HTML页面包含了一个新闻的标题、日期和内容。使用了内联样式来简单地格式化文本,实际应用中可以使用外部CSS文件来提高样式的复用性和维护性。
评论已关闭