html简单6个页面的青岛旅游网站
时间: 2023-12-30 12:04:18 浏览: 39
好的,我可以为您提供一个简单的青岛旅游网站的架构,包含以下6个HTML页面:
1. 主页(index.html)- 展示青岛旅游的概述,包括吸引人的图片和一些简单的介绍,以及导航链接到其他页面。
2. 关于青岛(about.html)- 提供更详细的青岛介绍,包括历史、文化、地理位置等信息,让游客更好地了解这座城市。
3. 景点介绍(attractions.html)- 列出青岛的著名景点,包括浮山湾、八大关、栈桥等等,提供简单的介绍和图片。
4. 美食推荐(food.html)- 列出青岛的著名美食,包括啤酒、海鲜、烤肉等等,提供图片和简单介绍。
5. 住宿推荐(accommodation.html)- 列出青岛的著名酒店,包括星级酒店和民宿,提供图片和简单介绍。
6. 联系我们(contact.html)- 提供青岛旅游网站的联系方式,包括电话、邮箱和地址等等。
以上是一个简单的青岛旅游网站的架构,您可以根据自己的需求和喜好进行修改和定制。
相关问题
html简单4个页面的青岛旅游网站源代码
好的,以下是一个简单的青岛旅游网站的源代码,包含以下4个HTML页面:
1. 主页(index.html)
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>青岛旅游</title>
</head>
<body>
<header>
<h1>青岛旅游</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于青岛</a></li>
<li><a href="attractions.html">景点介绍</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h2>欢迎来到青岛</h2>
<p>青岛是一座美丽的海滨城市,拥有壮丽的海景、著名的景点和美食。在这里,您可以尽情享受海水、阳光和美食带来的愉悦。</p>
<img src="images/qingdao.jpg" alt="青岛海景">
</main>
<footer>
<p>版权所有 © 青岛旅游网站</p>
</footer>
</body>
</html>
```
2. 关于青岛(about.html)
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>关于青岛</title>
</head>
<body>
<header>
<h1>青岛旅游</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于青岛</a></li>
<li><a href="attractions.html">景点介绍</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h2>关于青岛</h2>
<p>青岛位于中国东海岸,是山东省的一个城市。它拥有著名的海滩、博物馆和建筑,是一个充满活力和文化魅力的城市。</p>
<p>青岛的历史可以追溯到19世纪,当时德国人在这里建立了一个租借地,留下了许多具有德国风格的建筑。这些建筑现在成为了青岛的地标,吸引了许多游客前来观赏。</p>
<img src="images/about.jpg" alt="青岛历史建筑">
</main>
<footer>
<p>版权所有 © 青岛旅游网站</p>
</footer>
</body>
</html>
```
3. 景点介绍(attractions.html)
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>景点介绍</title>
</head>
<body>
<header>
<h1>青岛旅游</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于青岛</a></li>
<li><a href="attractions.html">景点介绍</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h2>青岛著名景点</h2>
<ul>
<li>
<h3>浮山湾</h3>
<img src="images/fushanwan.jpg" alt="浮山湾">
<p>浮山湾是青岛最著名的海滩之一,拥有金色的沙滩和清澈的海水。</p>
</li>
<li>
<h3>八大关</h3>
<img src="images/badaguan.jpg" alt="八大关">
<p>八大关是一条著名的海滨步道,沿途可以欣赏到许多德国式建筑和美丽的海景。</p>
</li>
<li>
<h3>栈桥</h3>
<img src="images/zhantiao.jpg" alt="栈桥">
<p>栈桥是青岛的标志性建筑之一,位于海上,可以俯瞰整个城市的美景。</p>
</li>
</ul>
</main>
<footer>
<p>版权所有 © 青岛旅游网站</p>
</footer>
</body>
</html>
```
4. 联系我们(contact.html)
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>联系我们</title>
</head>
<body>
<header>
<h1>青岛旅游</h1>
<nav>
<ul>
<li><a href="index.html">首页</a></li>
<li><a href="about.html">关于青岛</a></li>
<li><a href="attractions.html">景点介绍</a></li>
<li><a href="contact.html">联系我们</a></li>
</ul>
</nav>
</header>
<main>
<h2>联系我们</h2>
<p>如果您有任何问题或建议,请随时联系我们。</p>
<ul>
<li>电话:010-12345678</li>
<li>邮箱:info@qingdaotourism.com</li>
<li>地址:山东省青岛市市南区市南路123号</li>
</ul>
</main>
<footer>
<p>版权所有 © 青岛旅游网站</p>
</footer>
</body>
</html>
```
以上是一个简单的青岛旅游网站的源代码,您可以根据自己的需求和喜好进行修改和定制。
个人信息页面html模板
<!DOCTYPE html>
<html>
<head>
<title>个人信息页面</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h1>个人信息</h1>
</header>
<main>
<section>
<h2>基本信息</h2>
<ul>
<li><strong>姓名:</strong>张三</li>
<li><strong>性别:</strong>男</li>
<li><strong>出生日期:</strong>1990年1月1日</li>
<li><strong>籍贯:</strong>山东省青岛市</li>
<li><strong>身高:</strong>175cm</li>
<li><strong>体重:</strong>70kg</li>
</ul>
</section>
<section>
<h2>联系方式</h2>
<ul>
<li><strong>手机:</strong>13812345678</li>
<li><strong>邮箱:</strong>zhangsan@123.com</li>
<li><strong>QQ号码:</strong>123456789</li>
</ul>
</section>
<section>
<h2>教育经历</h2>
<ul>
<li>
<strong>学校:</strong>北京大学
<strong>学位:</strong>本科
<strong>专业:</strong>计算机科学与技术
<strong>入学时间:</strong>2008年9月
<strong>毕业时间:</strong>2012年6月
</li>
<li>
<strong>学校:</strong>清华大学
<strong>学位:</strong>硕士
<strong>专业:</strong>计算机科学与技术
<strong>入学时间:</strong>2012年9月
<strong>毕业时间:</strong>2015年6月
</li>
</ul>
</section>
</main>
<footer>
<p>版权所有 © 2021 张三</p>
</footer>
</body>
</html>