旅游网页制作html代码
时间: 2023-12-28 10:05:29 浏览: 34
根据提供的引用内容,以下是一个简单的旅游网页制作的HTML代码示例:
```html
<!DOCTYPE html>
<html>
<head>
<title>旅游网页</title>
<style>
/* CSS样式可以在这里添加 */
</style>
</head>
<body>
<header>
<!-- 顶部导航栏 -->
<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>
<h1>欢迎来到旅游网页</h1>
<p>这里是一个介绍旅游目的地的段落。</p>
<img src="destination.jpg" alt="旅游目的地图片">
</section>
<section>
<h2>热门景点</h2>
<ul>
<li>景点1</li>
<li>景点2</li>
<li>景点3</li>
</ul>
</section>
<section>
<h2>推荐酒店</h2>
<ul>
<li>酒店1</li>
<li>酒店2</li>
<li>酒店3</li>
</ul>
</section>
</main>
<footer>
<!-- 底部区域 -->
<p>版权所有 © 2021 旅游网页</p>
</footer>
</body>
</html>
```
这是一个简单的旅游网页的HTML代码示例,其中包含了顶部导航栏、主要内容区域和底部区域。你可以根据自己的需求进行修改和扩展,添加更多的页面和功能。