经过几天的学习可以完成一个简单的html网页，做浮动ul无序列表还不是很熟练。
<html>
<head>
<meta charset="UTF-8">
<title>首页</title>
<style type="text/css">
@import url("css/广告.css");
</style>
</head>
<body>
<div align="center">
<div id="banner">
<img src="img/banner.jpg" />
</div>
<div id="globalink">
<ul id="ul">
<li id="li"><a href="###">首页</a></li>
<li id="li"><a href="###">新疆简介</a></li>
<li id="li"><a href="###">风土人情</a></li>
<li id="li"><a href="###">路线选择</a></li>
<li id="li"><a href="###">吃在新疆</a></li>
<li id="li"><a href="###">自助行</a></li>
<li id="li"><a href="###">摄影摄像</a></li>
<li id="li"><a href="###">游记精选</a></li>
<li id="li"><a href="###">资源下载</a></li>
<li id="li"><a href="###">雁过留声</a></li>
</ul>
</div>
<div id="content">
<div id="left">
<div id="weather">
<div id="bg">
<br /><span><b> 天气查询</b></span>
</div>
<div id="city">
<p id="p"><img src="img/icon1.gif" /></a><b id="zi">乌鲁木齐 雷阵雨 20℃~31℃</b></p>
<p id="p"><img src="img/icon1.gif" /><b id="zi">吐鲁番 多云转阴 20℃~28℃</b></p>
<p id="p"><img src="img/icon1.gif" /><b id="zi">喀什 阵雨转多云 25℃~32℃</b></p>
<p id="p"><img src="img/icon1.gif" /><b id="zi">库尔勒 阵雨转阴 21℃~28℃</b></p>
<p id="p"><img src="img/icon1.gif" /><b id="zi">克拉马依 雷阵雨 26℃~30℃</b></p>
</div>
</div>
<div id="tuijian">
<div id="tui">
<img src="img/icon2.gif"/><b>今日推荐</b>
</div>
<div id="tu">
<p><a href="###"><img src="img/tuijian1.jpg"/></a></p>
<p><a href="###">喀纳斯河</a></p>
<p><a href="###"><img src="img/tuijian2.jpg"/></a></p>
<p><a href="###">布尔津</a></p>
<p><a href="###"><img src="img/tuijian3.jpg"/></a></p>
<p><a href="###">天山之路</a></p>
</div>
</div>
</div>
<div id="middle">
<div id="mtu" title="魔鬼域">
<img src="img/ghost.jpg" />
</div>
<div id="xun">
<div id="picture">
<img src="img/picture_h1.gif" />
</div>
<div id="picture1">
<img src="img/beauty1.jpg" />
<img src="img/beauty2.jpg" />
<img src="img/beauty3.jpg" />
<img src="img/beauty4.jpg" />
</div>
</div>
<div id="xianlu">
<div id="picture">
<img src="img/route_h1.gif" />
</div>
<div id="route">
<p><img src="img/icon1.gif" /><a href="###">吐鲁番—库尔勒—库车—塔中—和田—喀什</a></p>
<p><img src="img/icon1.gif" /><a href="###">乌鲁木齐—天池—克拉马依—乌伦古湖—喀纳斯</a></p>
<p><img src="img/icon1.gif" /><a href="###">乌鲁木齐—奎屯—乔尔玛—那拉提—巴音布鲁克</a></p>
<p><img src="img/icon1.gif" /><a href="###">乌鲁木齐—五彩城—将军隔壁—吉木萨尔</a></p>
</div>
</div>
</div>
<div id="right">
<div id="fengguang">
<div id="tu">
<img src="img/icon2.gif" /><b>新疆风光</b>
</div>
<div id="picture">
<a href="#" title="点击看大图"><img src="img/map1.jpg"></a>
<a href="#" title="点击看大图"><img src="img/map2.jpg"></a>
</div>
</div>
<div id="food">
<h3 align="left"><img src="img/icon2.gif"/><span>小吃推荐</span></h3>
<ul>
<li><a href="#">17号抓饭</a></li>
<li><a href="#">大盘鸡</a></li>
<li><a href="#">五一夜市</a></li>
<li><a href="#">水果</a></li>
</ul>
<br>
</div>
<div id="life">
<h3 align="left"><img src="img/icon2.gif"/><span>宾馆酒店</span></h3>
<ul>
<li><a href="#">美丽华大饭店</a></li>
<li><a href="#">海德大饭店</a></li>
<li><a href="#">银都大饭店</a></li>
<li><a href="#">鸿福大饭店</a></li>
<li><a href="#">友好大酒店</a></li>
<li><a href="#">棉麻宾馆</a></li>
<li><a href="#">电信宾馆</a></li>
</ul>
<br>
</div>
</div>
</div>
<div id="footer">
<p>艾萨克©版权所有<a href="mailto:demo@demo.com">demo@demo.com</a></p>
</div>
</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
