<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>黑马旅行</title> </head> <body> <table width="100%" align="center"> <!-- 第1行 --> <tr> <tb> <img src="./image/top_banner.jpg"> </tb> </tr> <!-- 第2行 --> <tr> <td> <table width="100%" align="center"> <tr> <td> <img src="./image/logo.jpg"> </td> </tr> </table> </td> <td> <table width="100%" align="center"> <tr> <td> <img src="./image/search.png"> </td> </tr> </table> </td> <td> <table width="100%" align="center"> <tr> <td> <img src="./image/hotel_tel.png"> </td> </tr> </table> </td> </tr> <!-- 第3行 --> <tr> <table width="100%" align="center" bgcolor="#b8860b"> <td> <a href="">首页</a> </td> </td> <td> 门票 </td> <td> 酒店 </td> <td> 香港车票 </td> <td> 出境游 </td> <td> 国内游 </td> <td> 港澳游 </td> <td> 抱团定制 </td> <td> 全球自由行 </td> <td> 收藏排行 </td> </table> </tr> <!-- 第4行 --> <tr> <table width="100%" align="center"> <img src="./image/banner_3.jpg"> </table> </tr> <!-- 第5行 --> <tr> <img src="./image/icon_5.jpg"> <b>黑马精选</b> <hr color=#b8860b"> </tr> <!-- 第6行 --> <tr> <table width="100%" align="center"> <tr> <td> <img src="./image/jiangxuan_1.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥899 </b> </font> </td> <td> <img src="./image/jiangxuan_1.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥899 </b> </font> </td> <td> <img src="./image/jiangxuan_1.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥899 </b> </font> </td> <td> <img src="./image/jiangxuan_1.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥899 </b> </font> </td> <td> <img src="./image/jiangxuan_1.jpg"> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p> <p> <font color="#a52a2a"> <b> ¥899 </b> </font> </p> </td> </tr> </table> </tr> <!-- 第7行 --> <tr> <img src="./image/icon_6.jpg"> <b> 国内游 </b> <hr color="#a52a2a"> </tr> <!-- 第8行 --> <tr> <table width="100%" align="center"> <tr> <td rowspan="2"> <img src="image/guonei_1.jpg" height="600"> </td> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> </tr> <tr> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_2.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> </tr> </table> </tr> <!-- 第9行 --> <tr> <img src="image/icon_7.jpg"> <b>境外游</b> <hr color="#b8860b"> </tr> <!-- 第10行 --> <tr> <table width="100%" align="center"> <tr> <td rowspan="2"> <img src="image/jiangwai_1.jpg" height="600"> </td> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> </tr> <tr> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> <td> <img src="./image/jiangxuan_3.jpg"> <br> <p> 上海直飞三亚5天4晚自由行(春节预售+亲子/蜜月/休闲游首选+豪华酒店任选+接送机) </p><br> <font color="#a52a2a"> <b> ¥699 </b> </font> </td> </tr> </table> </tr> <!-- 第10行 --> <tr> <img src="image/footer_service.png"> </tr> <tr> <td align="center" bgcolor="#ffd700" height="40"> <font color="gray" size="2"> 江苏传智播客教育科技股份有限公司 版权所有Copyright 2006-2018©, All Rights Reserved 苏ICP备16007882 </font> </td> </tr> </table> </body> </html>
HTML_案例(首页制作)
猜你喜欢
转载自www.cnblogs.com/aikang525/p/11422931.html
今日推荐
周排行