用html做一个旅游网首页
2021/5/15 10:55:42
本文主要是介绍用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">¥999</font> </td> <td> <!--2个td,每个都有图片,每个都有图片,文字,价格--> <img src="image/jiangxuan_1.jpg" alt="" title="点出图片了解详情"> <p> <!--文字在图片下面展示,用段落标签p或div标签--> 赵氏修行者腰间的长刀,曾让草原血流千<br>里伏尸百万,令草原之兵不敢弯弓而抱怨 </p> <font color="#EE8C8E">¥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">¥666</font> </td> <td> <img src="image/jiangxuan_1.jpg" alt=""> <p>曾让草原血流千里伏尸百万</p> <font color="#FB080C">¥666</font> </td> </tr> <tr> <td> <img src="image/jiangxuan_1.jpg" alt=""> <p>令草原之兵不敢弯弓而抱怨,使草原之人不敢南下而牧马。哪怕是时隔百年到了今日,胡人依然无法直视其威</p> <font color="#FB080C">¥666</font> </td> <td> <img src="image/jiangxuan_1.jpg" alt=""> <p>打头的马车上,一杆大旗迎风招揽,上书一个龙飞凤舞、道劲有力的“赵”字,表明这支队伍属于大齐第一将门勋贵——赵氏</p> <font color="#FB080C">¥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© </font> </td> </tr> </table> </body> </html>
这篇关于用html做一个旅游网首页的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-09-26uniapp 哪里看mp-html 是否有引用-icode9专业技术文章分享
- 2024-09-26uniapp 怎么显示html 代码-icode9专业技术文章分享
- 2024-09-26uniapp 有没有自带mp-html 吗-icode9专业技术文章分享
- 2024-09-25前端高频大厂面试真题解析与实战教程
- 2024-09-25前端高频面试题详解:新手必看指南
- 2024-09-25前端高频面试真题详解与实战攻略
- 2024-09-25前端大厂面试真题及答案详解:从零开始的初级面试攻略
- 2024-09-25前端面试实战:新手必备技巧与案例解析
- 2024-09-25前端面试题及答案详解:初级面试必备
- 2024-09-25前端面试真题及答案详解:适合入门与初级用户