使用html+css实现一个静态页面(厦门旅游网站制作6个页面) 旅游网页设计制作 HTML5期末考核大作业,网站——美丽家乡。 学生旅行 游玩 主题住宿网页
由于篇幅限制,我将提供一个简单的旅游网站的静态页面示例。这只是一个起点,您可以根据自己的设计需求进行扩展和修改。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Simple Travel Website</title>
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f2f2f2;
}
.header {
background-color: #333;
color: white;
padding: 10px 0;
text-align: center;
}
.content {
margin: 15px;
padding: 20px;
background-color: white;
}
.footer {
background-color: #333;
color: white;
text-align: center;
padding: 10px 0;
position: absolute;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div class="header">
<h1>Simple Travel Website</h1>
</div>
<div class="content">
<h2>Attractions</h2>
<p>Here are some attractions in or around Zhangzhou:</p>
<!-- Attractions content goes here -->
</div>
<div class="footer">
<p>Copyright © 2023 Simple Travel Website</p>
</div>
</body>
</html>
这个简单的HTML页面包含了一个标题、一个内容区域和一个页脚。您可以在内容区域添加具体的旅游景点信息。CSS样式是用于给页面提供基本的视觉样式,可以根据您的设计需求进行进一步的美化。
评论已关闭