写一个每日新闻的网页模板
时间: 2023-09-21 17:08:40 浏览: 100
好的,以下是一个简单的每日新闻网页模板,您可以根据需要进行修改和完善:
```html
<!DOCTYPE html>
<html>
<head>
<title>每日新闻</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>每日新闻</h1>
<nav>
<ul>
<li><a href="#">国内</a></li>
<li><a href="#">国际</a></li>
<li><a href="#">财经</a></li>
<li><a href="#">娱乐</a></li>
<li><a href="#">体育</a></li>
</ul>
</nav>
</header>
<main>
<section class="news">
<h2>国内新闻</h2>
<ul>
<li>
<h3>新闻标题</h3>
<p>新闻内容</p>
<p class="source">来源:新华网</p>
</li>
<li>
<h3>新闻标题</h3>
<p>新闻内容</p>
<p class="source">来源:人民网</p>
</li>
</ul>
<a href="#" class="more">更多国内新闻</a>
</section>
<section class="news">
<h2>国际新闻</h2>
<ul>
<li>
<h3>新闻标题</h3>
<p>新闻内容</p>
<p class="source">来源:BBC</p>
</li>
<li>
<h3>新闻标题</h3>
<p>新闻内容</p>
<p class="source">来源:CNN</p>
</li>
</ul>
<a href="#" class="more">更多国际新闻</a>
</section>
<section class="news">
<h2>财经新闻</h2>
<ul>
<li>
<h3>新闻标题</h3>
<p>新闻内容</p>
<p class="source">来源:财经网</p>
</li>
<li>
<h3>新闻标题</h3>
<p>新闻内容</p>
<p class="source">来源:金融界</p>
</li>
</ul>
<a href="#" class="more">更多财经新闻</a>
</section>
</main>
<footer>
<p>版权所有 © 2021 每日新闻</p>
</footer>
</body>
</html>
```
这是一个简单的网页模板,包含了一个顶部的标题和导航栏,以及三个新闻板块和底部版权信息。您可以根据需要进行修改和完善,比如添加更多的新闻板块、调整样式等。如果您需要自定义样式,可以在 `style.css` 文件中添加样式代码。
阅读全文