首页index.html
首页页面效果：
旅游景点
美食
历史介绍
代码实现
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>西安旅游</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
</style>
<div class="header">
<div class="top">
<img src="images/top.jpg">
</div>
<div class="nav">
<ul>
<li><a href="index.html">网站首页</a></li>
<li><a href="jingdian.html">著名旅游景点</a></li>
<li><a href="meishi.html">美食小吃</a></li>
<li><a href="lishi.html">西安历史介绍</a></li>
</ul>
</div>
</div>
<div class="main">
<div class="main_left">
<div class="cont">
<h2>历史介绍</h2>
<ul>
<li><a href="lishi.html">历史简况</a></li>
<li><a href="lishi2.html">西安建都的王朝</a></li>
<li><a href="lishi3.html">咸阳和长安的关系</a></li>
<li><a href="lishi4.html">西安事变</a></li>
</ul>
</div>
<img src="images/y.jpg"/>
</div>
<div class="main_right">
<div class="lishi">
<h2>咸阳和长安的关系</h2>
<p>历史上，今天的西安和咸阳同属一个城市。从古时咸阳与长安的关系可见一斑。西安和咸阳是中国地理距离最近的两个城市，不到２０公里。同时西安市的西三环已修至咸阳境内，机场从原西安市桃园迁至咸阳。２００６年，咸阳区号并入西安，与西安共同使用０２９区号。西咸一体化正在进程中。</p>
<img src="images/lishi3.jpg"/>
<p><b>·秦</b></p>
<p>都城咸阳。阿房宫大部分面积在今西安市境内，兵马俑和秦陵在今西安市境内。秦的宗庙在渭河南岸，荆轲刺秦王，就发生在秦章台宫（后来的汉未央宫前殿）；廉颇蔺相如，秦王坐章台。秦代宫殿布局还没有形成宫城、皇城和三大殿的布局。秦咸阳城地跨渭河南北。</p>
<p><b>·汉</b></p>
<p>都城长安。汉长安是在秦咸阳遗址基础上建立起来的，《史记》：“汉长安，秦咸阳也”，张衡《西京赋》云：西汉长安“乃览秦制，跨周法”，《三辅黄图·序》也云：“武昭，治咸阳，因以汉都”。《旧唐书 地理志》说：“京师，故秦之咸阳，汉之长安也。”秦咸阳从惠文王以后，就不断向南扩展，在渭河以南修建了章台、兴乐宫、甘泉宫、信宫、阿房宫及七庙等建筑。刘邦夺得天下后，经娄敬、张良等的劝说，建都长安。修缮秦的兴乐宫而改为长乐宫，在秦章台基础上建未央宫。即汉长安城是在秦都咸阳基础上建立的，说明在都城选址上是汉承秦制的。 汉朝宫阙均在今西安市汉城保护区内，位于北二环以北，而汉代的武帝文帝景帝陵墓，在今咸阳市境内。</p>
<p><b>·唐</b></p>
<p>都城长安。宫城完全与今西安市重合，皇宫与今西安市明城墙重合。唐代帝王陵，如昭陵、乾陵等则大部分在今咸阳市境内。而在唐代，唐十八陵全部在京兆府的辖县内，乾陵是京兆府奉天县。</p>
<p><b>·中华人民共和国</b></p>
<p>西安与咸阳属同一城市，1956年被划为两市：西安市和咸阳市。其中，西安为副省级，咸阳为地级。 </p>
</div>
</div>
</div>
<div class="footer">
<p>西安旅游</p>
</div>
</div>
</body>
</html>