用html写一个苏州的主页面
时间: 2023-09-27 22:04:46 浏览: 50
好的,以下是一个简单的苏州主页的HTML代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>欢迎来到苏州</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
<header>
<h1>欢迎来到苏州</h1>
</header>
<nav>
<ul>
<li><a href="#introduction">苏州简介</a></li>
<li><a href="#attractions">旅游景点</a></li>
<li><a href="#food">美食</a></li>
<li><a href="#contact">联系我们</a></li>
</ul>
</nav>
<main>
<section id="introduction">
<h2>苏州简介</h2>
<p>苏州位于中国江苏省中部,是一座历史悠久、文化灿烂的城市。</p>
<p>苏州拥有众多的文化景观和历史遗迹,如拙政园、留园、虎丘、狮子林等。</p>
<p>苏州还以其舒适的气候、美丽的自然风光和丰富的文化底蕴而闻名。</p>
</section>
<section id="attractions">
<h2>旅游景点</h2>
<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>
</section>
<section id="food">
<h2>美食</h2>
<ul>
<li>苏州小吃</li>
<li>阳澄湖大闸蟹</li>
<li>东山羊肉</li>
<li>苏州酱鸭</li>
</ul>
</section>
<section id="contact">
<h2>联系我们</h2>
<p>地址:江苏省苏州市</p>
<p>电话:123456789</p>
<p>邮箱:suzhou@example.com</p>
</section>
</main>
<footer>
<p>© 2021 苏州市旅游局</p>
</footer>
</body>
</html>
```
这段代码实现了一个简单的苏州主页,包括导航栏、苏州简介、旅游景点、美食和联系我们等内容。你可以根据需要进行修改和完善。