html古诗词网页
时间: 2023-07-03 12:06:47 浏览: 281
古诗词网站html前端
以下是一个简单的HTML古诗词网页示例:
```html
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>古诗词</title>
</head>
<body>
<header>
<h1>古诗词</h1>
</header>
<nav>
<ul>
<li><a href="#tang">唐诗</a></li>
<li><a href="#song">宋词</a></li>
<li><a href="#yuan">元曲</a></li>
</ul>
</nav>
<main>
<section id="tang">
<h2>唐诗</h2>
<ul>
<li>静夜思</li>
<li>庐山谣</li>
<li>登高</li>
</ul>
</section>
<section id="song">
<h2>宋词</h2>
<ul>
<li>水调歌头</li>
<li>虞美人</li>
<li>浪淘沙·北戴河</li>
</ul>
</section>
<section id="yuan">
<h2>元曲</h2>
<ul>
<li>西厢记</li>
<li>汉宫秋</li>
<li>霓裳羽衣曲</li>
</ul>
</section>
</main>
<footer>
<p>版权所有 © 2021 古诗词网</p>
</footer>
</body>
</html>
```
这个网页包含了一个标题、导航栏、三个内容区域以及页脚。其中,每个内容区域都有一个标题和一个列表,列举了一些古诗词。你可以根据需要自行添加、修改或删除内容,以创建符合你自己需求的古诗词网页。
阅读全文