请参照网址https://www.discoverhongkong.cn/index.html,写一个类似的html网页并给出代码
时间: 2023-05-26 21:05:02 浏览: 76
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>发现香港</title>
<style>
/* 网页样式 */
body {
font-family: Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
}
header {
background-color: #fdd6a3;
padding: 10px;
text-align: center;
font-size: 30px;
font-weight: bold;
color: #ffffff;
}
nav {
background-color: #fde9c0;
padding: 10px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #404040;
}
nav a {
color: #404040;
text-decoration: none;
padding: 10px;
border-radius: 10px;
background-color: #ffffff;
}
nav a:hover {
background-color: #ffb347;
color: #ffffff;
}
section {
margin: 0;
padding: 0;
}
section img {
width: 100%;
height: auto;
}
section h2 {
font-size: 24px;
font-weight: bold;
color: #404040;
padding: 10px;
}
section p {
font-size: 16px;
line-height: 1.5;
color: #404040;
padding: 10px;
}
footer {
background-color: #fdd6a3;
padding: 10px;
text-align: center;
color: #404040;
font-size: 14px;
}
/* 响应式布局 */
@media only screen and (max-width: 768px) {
header {
font-size: 24px;
}
nav {
font-size: 16px;
}
nav a {
padding: 8px;
}
section h2 {
font-size: 20px;
}
section p {
font-size: 14px;
padding: 5px;
}
footer {
font-size: 12px;
}
}
</style>
</head>
<body>
<header>发现香港</header>
<nav>
<a href="#">餐饮美食</a>
<a href="#">购物娱乐</a>
<a href="#">景点推荐</a>
<a href="#">酒店住宿</a>
<a href="#">交通指南</a>
<a href="#">联系我们</a>
</nav>
<section>
<img src="https://www.discoverhongkong.cn/resources/images/homepage/homepage-hero-main.jpg" alt="香港海港城">
<h2>餐饮美食</h2>
<p>香港拥有丰富的美食文化,融合了中式、西式、港式、日式等不同的菜系,每个人都能找到自己喜欢的口味。从大牌餐厅到街头小吃,香港的美食汇聚了世界各地的精华,让你的味蕾一次过瘾。</p>
<img src="https://www.discoverhongkong.cn/resources/images/homepage/homepage-hero-main.jpg" alt="香港购物">
<h2>购物娱乐</h2>
<p>香港被誉为亚洲的购物天堂,这里有各种国际奢侈品牌的专卖店和超大型购物中心,也有小清新的文艺小店和传统的市井小贩。此外,香港的娱乐场所也是繁华不已,夜生活丰富多彩,漂亮的夜景更是让人流连忘返。</p>
<img src="https://www.discoverhongkong.cn/resources/images/homepage/homepage-hero-main.jpg" alt="香港景点">
<h2>景点推荐</h2>
<p>香港拥有众多的景点,包括名胜古迹、公园花园、主题乐园、博物馆等各种不同类型,每个景点都有自己独特的魅力。观赏香港夜景、游览历史文化古迹、去浪漫的海边看日出,这里一定不会让你失望。</p>
<img src="https://www.discoverhongkong.cn/resources/images/homepage/homepage-hero-main.jpg" alt="香港酒店">
<h2>酒店住宿</h2>
<p>香港的酒店林立,从星级酒店到背包客旅馆,都有不同档次的住宿选择。无论你是来旅游还是商务,都能找到适合自己的住宿环境。此外,香港的民宿也越来越受欢迎,提供更加贴心的入住体验。</p>
<img src="https://www.discoverhongkong.cn/resources/images/homepage/homepage-hero-main.jpg" alt="香港交通">
<h2>交通指南</h2>
<p>香港拥有发达的交通体系,包括地铁、公交、巴士、渡轮等各种交通方式。无论你要去哪里,都能找到方便快捷的交通工具。此外,香港的出租车和网约车也可以提供更为舒适便捷的出行体验。</p>
</section>
<footer>
©2021 香港旅游发展局版权所有
</footer>
</body>
</html>