用html做一个旅游网首页

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>斯柯达旅游网</title>
</head>
<body>

	<table  weight="100%" align="center"> <!--最外层的table,用于整个页面的布局-->
		<tr>  <!--第1行-->
			<td>
				<img src="image/top_banner.jpg" alt="顶部图片" width="100%">
			</td>
		</tr>
		<tr> <!--第2行-->
			<td>
				<table  width="100%" align="center"> <!--tr有3个单元格,td里面嵌套table-->
					<tr>
						<td>
							<img src="image/logo.gif" alt="">
						</td>
						<td>
							<img src="image/search.png" alt="">
						</td>
						<td>
							<img src="image/hotel_tel.png" alt="">
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr> <!--第3行-->
			<td>
				<table width="100%" align="center">
					<tr bgcolor="#D26364" align="center" height="50">
						<td>
							<a href="https://www.2fzd.com/" title="点击进入商场">首页</a>
						</td>
						<td>
							<a href="http://book.zongheng.com/chapter/876992/59164033.html" target="_blank" title="穿越大齐国">大齐国</a>
						</td>
						<td>
							<a href="">京城</a>
						</td>
						<td>
							<a href="">北去</a>
						</td>
						<td>
							<a href="">雁门关</a>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr> <!--第4行-->
			<td>
				<img src="image/banner_3.jpg" alt="衣服" width="100%"  title="请点我">
			</td>
		</tr>	
		<tr> <!--第5行-->
			<td>
				<img src="image/icon_5.jpg" alt="">
				淘宝精选
				<hr color="#DAE737">
			</td>
		</tr>
		<tr> <!--第6行--> 
			<td>
				<table align="center" width="70%"> <!--有2个单元格,用table的嵌套-->
					<tr>
						<td> <!--2个td,每个都有图片,每个都有图片,文字,价格-->
							<img src="image/jiangxuan_1.jpg" alt="" title="点出图片了解详情">
							<p> <!--文字在图片下面展示,用段落标签p或div标签-->
								皇朝立国百二十年,正值太平盛世,年年<br>出现在雁门关的塞外诸族
							</p>
							<font color="#EE8C8E">&yen;999</font>
						</td>
						<td> <!--2个td,每个都有图片,每个都有图片,文字,价格-->
							<img src="image/jiangxuan_1.jpg" alt="" title="点出图片了解详情">
							<p> <!--文字在图片下面展示,用段落标签p或div标签-->
								赵氏修行者腰间的长刀,曾让草原血流千<br>里伏尸百万,令草原之兵不敢弯弓而抱怨
							</p>
							<font color="#EE8C8E">&yen;888</font>
						</td>
					</tr>
				</table>
			</td>
		</tr>
		<tr> <!--第7行-->
			<td>
				<img src="image/icon_6.jpg">
				国外七日游
				<hr color="#3020B7">
			</td>
		</tr>
		<tr> <!--第8行-->
			<td>
				<table align="center" width="90%"> 
					<tr>
						<td rowspan="2"> <!--占2行 rowspan-->
							<img src="image/guonei_1.jpg" alt="" >
						</td>
						<td>
							<img src="image/jiangxuan_1.jpg" alt="">
							<p>赵氏修行者腰间的长刀</p>
							<font color="#FB080C">&yen;666</font>
						</td>
						<td>
							<img src="image/jiangxuan_1.jpg" alt="">
							<p>曾让草原血流千里伏尸百万</p>
							<font color="#FB080C">&yen;666</font>
						</td>
					</tr>
					<tr>
						<td>
							<img src="image/jiangxuan_1.jpg" alt="">
							<p>令草原之兵不敢弯弓而抱怨,使草原之人不敢南下而牧马。哪怕是时隔百年到了今日,胡人依然无法直视其威</p>
							<font color="#FB080C">&yen;666</font>
						</td>
						<td>
							<img src="image/jiangxuan_1.jpg" alt="">
							<p>打头的马车上,一杆大旗迎风招揽,上书一个龙飞凤舞、道劲有力的“赵”字,表明这支队伍属于大齐第一将门勋贵——赵氏</p>
							<font color="#FB080C">&yen;666</font>
						</td>
					</tr>
				</table>
			</td>
		<tr>
		<tr> <!--第9行-->
			<td>
				<img src="image/footer_service.png" alt="" width="100%">
			</td>
		</tr>
		<tr> <!--第10行-->
			<td align="center" bgcolor="#E2FF55" height="40">
				<font color="#776868" size="2">
					山道狭长,两侧都是高坡,地形于我而言毫无可以借助之处
					版权所有Copyright 2021&copy;
				</font>
			</td>
		</tr>	
	</table>
	
</body>
</html>

上一篇:HTTP和HTTPS协议,看一篇就够了!!!666


下一篇:【DB笔试面试666】在Oracle中,在高并发、高负载的情况下,如何给表添加字段并设置DEFAULT值?...