目录
项目演示视频:
项目部分代码展示
项目获取地址
项目演示视频:
html带你去旅行旅游游记主题网页源码
项目部分代码展示
<!DOCTYPE html>
<html lang="zh">
<head>
<title>带你去旅行</title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
<link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
<link rel="stylesheet" href="css/style.css" type="text/css" media="all">
<script type="text/javascript" src="js/cufon-replace.js"></script>
</head>
<body id="page1" >
<embed src="music/dainiqulvxing.mp3" autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" >
<div class="extra">
<div class="main">
<!-- header -->
<header>
<div class="wrapper">
<h1><a href="index.html" id="logo">Around the World</a></h1>
</div>
<nav>
<ul id="menu">
<li><a href="index.html" class="nav1">首 页</a></li>
<li><a href="jingcaishijie.html" class="nav2">精彩世界</a></li>
<li><a href="youji.html" class="nav3">行走游记</a></li>
<li><a href="zuixiangqudedifang.html" class="nav4">最想去的地方</a></li>
<li class="end"><a href="jiaoliu.html" class="nav5">小本子</a></li>
</ul>
</nav>
<dl><dt><a href="#a" style="color:#FFFFFF">①</a>
<a href="#b" style="color:#FFFFFF">②</a>
<a href="#c" style="color:#FFFFFF">③</a>
<a href="#d" style="color:#FFFFFF">④</a></dt>
<dd><img src="images/1.jpg" alt="" id="a" />
<img src="images/2.jpg" alt="" id="b" />
<img src="images/3.jpg" alt="" id="c" />
<img src="images/4.jpg" alt="" id="d" />
</dd>
</dl>
</header>
<!-- / header -->
<!-- content -->
<section id="content">
<article class="col1">
<img src="images/followme.png" style="width:140px;height:100px;"/>
<div class="pad" >
<div class="wrapper under">
<figure class="left marg_right1"><a href="Paris.html"><img src="images/page1_img1.jpg" alt=""><a/></figure>
<p class="pad_bot2"><strong style="color:#000000;">浪漫之都:巴黎</strong></p>
<p class="pad_bot2">一条河给一个城市滋养了梦幻的色彩,塞纳河的波光使它成为了一个梦。巴黎,静静地躺在波光里。河上的一切光与影,都被它摇漾成宝石,然后又折射到游人的梦里,开成绚烂的词语,无言的叹息。</p>
<a href="Paris.html" class="marker_1"></a>
</div>
<div class="wrapper under">
<figure class="left marg_right1"><a href="Provence.html"><img src="images/page1_img2.jpg" alt=""><a/></figure>
<p class="pad_bot2"><strong style="color:#000000;">梦幻之地:普罗旺斯</strong></p>
<p class="pad_bot2">法国人之所以浪漫,因为它有普罗旺斯。有一种花是纯纯的紫,它的招摇把画家和诗人至善至美成人间仙境,它的紫色波动如海洋掀起一层又一层紫色的浪。</p>
<a href="Provence.html" class="marker_1"></a>
</div>
</div>
</article>
<article class="col2 pad_left1">
<h2 style="text-align:center;">山一程 水一程</h2>
<div class="wrapper under"style="padding-top:35px;">
<figure class="left marg_right1"><a href="Istanbul.html"><img src="images/page1_img4.jpg" alt=""><a/></figure>
<p class="pad_bot2"><strong style="color:#000000;">灵魂之城:伊斯坦布尔</strong></p>
<p class="pad_bot2"> 奥斯曼帝国瓦解后,世界几乎遗忘了伊斯坦布尔的存在。我出生的城市在她两千年的历史中从不曾如此贫穷、破散、孤立。她对我而言一直是个废墟之城,充满帝国斜阳的忧伤。我一生不是对抗这种忧伤,就是让她成为自己的忧伤 </p>
<p class="pad_bot2"> 在这里,你能看到细小瓷片拼凑的蓝色世界,也能听到穹顶下虔诚的喃喃细语。然而,绝美建筑、琉璃窗户、彩色瓷砖和神秘头纱都不及满屋子的脚丫子气息令人印象深刻。</p>
<a href="Istanbul.html" class="marker_2"></a>
</div>
<div class="wrapper">
<figure class="left marg_right1"><a href="Santorini.html"><img src="images/page1_img5.jpg" alt=""><a/></figure>
<p class="pad_bot2"><strong style="color:#000000;">蓝色天堂:圣托里尼</strong></p>
<p class="pad_bot2"> 圣托里尼岛(Santorini)是爱琴海最璀璨的一颗明珠,柏拉图笔下的自由之地,这里有世界上最美的日落,最壮阔的海景,这里蓝白相知的色彩天地是艺术家的聚集地,是摄影家的天堂。在圣托里尼感受到的,就是每个人印象中的爱琴海了:阳光、蓝天、碧海、还有这里特有的白房子。在岛上的几天,是最近最悠闲的几天:坐船去火山岛闲转、在爱琴海边吃烤肉、在伊亚看号称世界上最美丽的落日。</p>
<a href="Santorini.html" class="marker_2"></a>
</div>
</article>
</section>
<!-- / content -->
</div>
<div class="block"></div>
</div>
<div class="body1">
<div class="main">
<!-- footer -->
<footer>
<p>Copyright @ 2021</p>
<p style="text-align: right; padding-right:15px;">All Rights Reversed By:<strong> 160肖天宇 <strong></p>
</footer>
<!-- / footer -->
</div>
</div>
<script type="text/javascript"> Cufon.now(); </script>
</body>
</html>