html旅游网页制作代码
时间: 2023-09-02 11:09:23 浏览: 104
旅游网页代码
4星 · 用户满意度95%
以下是一个简单的 HTML 旅游网页的制作代码示例:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>旅游网页</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f2f2f2;
}
h1 {
color: #00a2e8;
font-size: 2.5em;
margin-top: 50px;
text-align: center;
}
p {
font-size: 1.2em;
line-height: 1.5;
margin: 20px auto;
max-width: 800px;
padding: 0 20px;
}
img {
display: block;
margin: 0 auto;
max-width: 100%;
}
</style>
</head>
<body>
<header>
<h1>旅游网页标题</h1>
</header>
<main>
<p>介绍旅游景点,吸引游客的注意力。</p>
<img src="景点图片.jpg" alt="景点图片">
<p>提供旅游信息和行程建议。</p>
<ul>
<li>Day 1:xx景点 - xx酒店</li>
<li>Day 2:xx景点 - xx餐厅</li>
<li>Day 3:xx景点 - xx活动</li>
</ul>
<p>提供联系方式和预订信息。</p>
<p>联系电话:xxx-xxxxxxx</p>
<p>预订邮箱:xxxxx@xxxxx.com</p>
</main>
<footer>
<p>版权信息和网站链接等。</p>
</footer>
</body>
</html>
```
以上代码包含了一个简单的页面结构、CSS 样式和图片的嵌入,可以根据需要进行修改和完善。
阅读全文