用html制作一个介绍成都旅游网页的代码
时间: 2023-06-26 12:05:30 浏览: 64
以下是一个简单的介绍成都旅游的网页代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>成都旅游介绍</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #F8B195;
color: white;
padding: 20px;
text-align: center;
}
h1 {
font-size: 36px;
margin: 0;
}
main {
padding: 20px;
}
p {
font-size: 18px;
line-height: 1.5;
margin-bottom: 20px;
}
img {
max-width: 100%;
height: auto;
margin-bottom: 20px;
}
footer {
background-color: #6C5B7B;
color: white;
padding: 20px;
text-align: center;
}
</style>
</head>
<body>
<header>
<h1>成都旅游介绍</h1>
</header>
<main>
<p>成都是一座历史悠久、文化底蕴丰厚的城市,也是中国西南地区的重要城市之一。成都的美食、文化、自然景观吸引了众多游客前来旅游观光。以下是成都的一些著名景点:</p>
<ul>
<li>武侯祠:以三国时期的蜀汉名将诸葛亮为主题,展示了当时的文化、历史和艺术。</li>
<li>锦里:是成都最具有代表性的古街区之一,保留了大量传统建筑,也是购物、品尝美食的好地方。</li>
<li>大熊猫繁育研究基地:是全球最大的大熊猫繁育中心,游客可以近距离观察大熊猫的生活和繁育情况。</li>
<li>青城山:位于成都市西北部,是中国的四大道教名山之一,也是国家AAAAA级风景区。</li>
</ul>
<img src="https://picsum.photos/800/400/?random" alt="成都景点">
<p>如果您想了解更多成都旅游信息,可以访问<a href="https://www.chengdu.gov.cn/" target="_blank">成都市旅游局官网</a>。</p>
</main>
<footer>
<p>版权所有 © 2022 成都旅游局</p>
</footer>
</body>
</html>
```
你可以将这段代码保存为一个 `.html` 文件,然后在浏览器中打开查看效果。这个网页包括了一个简单的页面布局、一些文本内容和图片,以及一个链接到成都市旅游局官网的超链接。