- it
- 如何使用table布局静态网页
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>hope旅游网</title></head><body><table width="100%" cellpadding="0" cellspacing="0" align="center"> <!--第一行--> <tr> <td> <img src="image/top_banner.jpg" alt="" width="100%"> </td> </tr> <!--第二行--> <tr> <td> <table width="100%" align="center"> <tr> <td> <img src="image/logo.jpg" alt="logo"> </td> <td> <img src="image/search.png" alt="查询"> </td> <td> <img src="image/hotel_tel.png" alt="联系方式"> </td> </tr> </table> </td> </tr> <!--第三行--> <tr> <td> <table width="100%" align="center" > <tr bgcolor="orange" align="center" height="35"> <td > <a href="https://www.baidu.com"> 首页</a> </td> <td> 门票</td> <td> 酒店</td> <td> 香港车票</td> <td> 出境游</td> <td> 国内游</td> <td> 港澳游</td> <td> 抱团定制</td> <td> 全球自由行</td> <td> 收藏排行榜</td> </tr> </table> </td> </tr> <!--第四行--> <tr> <td> <img src="image/banner_1.jpg" alt="轮播图" width="100%"> </td> </tr> <!--第五行--> <tr> <td> <img src="image/icon_5.jpg" alt="" align="left"> 黑马精选<hr color="orange"> </td> </tr> <!--第六行--> <tr> <td> <table width="95%" align="center"> <tr> <td> <img src="image/jiangxuan_1.jpg" alt=""> <p> 上海飞三亚五天4夜自由行</p> <font color="red">¥899</font> </td> <td> <img src="image/jiangxuan_1.jpg" alt=""> <p> 上海飞三亚五天4夜自由行</p> <font color="red">¥899</font> </td> <td> <img src="image/jiangxuan_1.jpg" alt=""> <p> 上海飞三亚五天4夜自由行</p> <font color="red">¥899</font> </td> <td> <img src="image/jiangxuan_1.jpg" alt=""