用html做一个旅游网首页

2021-05-15 10:32:11 阅读：213 来源： 互联网

<!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>

标签：草原,yen,666,伏尸,赵氏,html,首页,旅游网
来源： https://blog.csdn.net/weixin_47243375/article/details/116835820

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

用html做一个旅游网首页