生成一个旅游景点网页用HTML代码
时间: 2024-03-14 18:44:17 浏览: 14
好的,下面是一个基本的旅游景点网页的 HTML 代码:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>旅游景点</title>
</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>
</ul>
</nav>
</header>
<main>
<section>
<h2>热门景点</h2>
<ul>
<li>
<a href="#">
<img src="https://picsum.photos/200/150?random=1" alt="景点图片">
<h3>景点名称1</h3>
</a>
</li>
<li>
<a href="#">
<img src="https://picsum.photos/200/150?random=2" alt="景点图片">
<h3>景点名称2</h3>
</a>
</li>
<li>
<a href="#">
<img src="https://picsum.photos/200/150?random=3" alt="景点图片">
<h3>景点名称3</h3>
</a>
</li>
</ul>
</section>
<section>
<h2>全部景点</h2>
<ul>
<li>
<a href="#">
<img src="https://picsum.photos/200/150?random=4" alt="景点图片">
<h3>景点名称4</h3>
</a>
</li>
<li>
<a href="#">
<img src="https://picsum.photos/200/150?random=5" alt="景点图片">
<h3>景点名称5</h3>
</a>
</li>
<li>
<a href="#">
<img src="https://picsum.photos/200/150?random=6" alt="景点图片">
<h3>景点名称6</h3>
</a>
</li>
</ul>
</section>
</main>
<footer>
<p>版权所有 © 2021 旅游景点</p>
</footer>
</body>
</html>
```
以上代码包括了网页的基本结构,包括头部、导航、主体内容和页脚等。其中,热门景点和全部景点的部分可以根据实际情况进行修改和补充。