時(shí)間：2023-10-12 13:42:02 | 來(lái)源：網(wǎng)站運(yùn)營(yíng)
時(shí)間：2023-10-12 13:42:02 來(lái)源：網(wǎng)站運(yùn)營(yíng)
HTML5期末大作業(yè)：旅游網(wǎng)頁(yè)設(shè)計(jì)與實(shí)現(xiàn)——旅游風(fēng)景區(qū)網(wǎng)站HTML+CSS：?> ? 源碼獲取 文末聯(lián)系 ?Web前端開(kāi)發(fā)技術(shù) 描述 網(wǎng)頁(yè)設(shè)計(jì)題材，DIV+CSS 布局制作,HTML+CSS網(wǎng)頁(yè)設(shè)計(jì)期末課程大作業(yè) | 游景點(diǎn)介紹 | 旅游風(fēng)景區(qū) | 家鄉(xiāng)介紹 | 等網(wǎng)站的設(shè)計(jì)與制作 | HTML期末大學(xué)生網(wǎng)頁(yè)設(shè)計(jì)作業(yè)，Web大學(xué)生網(wǎng)頁(yè)
在線咨詢
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>旅游</title> <style> *{ margin: 0; padding: 0; } .header{ height: 60px; line-height: 60px; text-align: center; } .ban{ width: 1200px; margin: auto; } a{ padding: 0 20px; color: #000; text-decoration: none; } .search { height: 100px; text-align: center; } .search-ipt input { width: 520px; height: 40px; padding-left: 16px; border: 1px solid #ffb923; } .search-btn { width: 80px; height: 40px; line-height: 40px; text-align: center; color: #FFF; background: #ffb923; display: inline-block; } .enume .active { color: #ffb923; } .tab{ border-bottom:2px solid #ffb923; margin-bottom: 20px; } .content{ height: 400px; margin-bottom: 40px; } </style></head><body> <div class="header"> <b>旅游為你提供本地服務(wù)</b> <a class="item" href="">主頁(yè)</a> <a class="item" href="list.html">熱門旅游地</a> <a class="item" href="detail.html">詳情</a> <a class="item" href="share.html">旅游分享</a> <a class="item" href="cart.html">我的收藏</a> <a class="item" href="form.html">在線預(yù)定</a> </div> <div class="search"> <div class="search-ipt"> <input type="text" placeholder="請(qǐng)輸入你想去的地方"> <div class="search-btn">搜索</div> </div> <div class="enume"> <span class="active">梅里雪山</span> <span>洱海</span> <span class="active">首爾</span> <span>紐約</span> <span>阿爾卑斯山</span> </div> </div> <img width="100%" height="420" src="picture/ban2.jpeg" alt=""> <div class="tab ban"> <div style="width: 272px;display: inline-block;"><h2>目的地</h2></div> <div style="width: 60px;padding:16px;background: #ffb923;color:#fff;display: inline-block;">歐洲</div> <div style="width: 60px;padding:16px;display: inline-block;">亞洲</div> <div style="width: 60px;padding:16px;display: inline-block;">北美洲</div> <div style="width: 60px;padding:16px;display: inline-block;">非洲</div> </div> <div class="content ban"> <div style="width:210px;padding:10px;border: 1px solid #ddd;float: left;" class="content-item"> <h3>推薦目的地</h3> <a style="display: inline-block; padding: 12px 20px;" href="#">法國(guó)</a> <a style="display: inline-block; padding: 12px 20px;" href="#">英國(guó)</a> <a style="display: inline-block; padding: 12px 20px;" href="#">比利時(shí)</a> <a style="display: inline-block; padding: 12px 20px;" href="#">德國(guó)</a> <a style="display: inline-block; padding: 12px 20px;" href="#">瑞士</a> <a style="display: inline-block; padding: 12px 20px;" href="#">意大利</a> <a style="display: inline-block; padding: 12px 20px;" href="#">愛(ài)爾蘭</a> <a style="display: inline-block; padding: 12px 20px;" href="#">西班牙</a> <a style="display: inline-block; padding: 12px 20px;" href="#">梵蒂岡</a> <a style="display: inline-block; padding: 12px 20px;" href="#">冰島</a> <a style="display: inline-block; padding: 12px 20px;" href="#">挪威</a> </div> <table width="940" style="float: right; text-align: center;"> <tr height="190"> <td width="310"> <img width="200" height="120" src="picture/egypt.jpg" alt=""> <p>純玩 埃及8天神秘之旅</p> <p class="gray"><span class="price">6499</span>起<p> </p></td> <td width="310"> <img width="200" height="120" src="picture/x1.jpg" alt=""> <p>暢游東西歐 12晚15天</p> <p><span class="price">9999</span>起</p> </td> <td width="310"> <img width="200" height="120" src="picture/s.jpg" alt=""> <p>舒享德法意瑞、五漁村 <p><span class="price">11999</span>起</p> </td> <td width="310"> <img width="200" height="120" src="picture/t.jpg" alt=""> <p>土耳其10天藍(lán)色浪漫之旅</p> <p><span class="price">7499</span>起</p> </td> </tr> <tr height="190"> <td> <img width="200" height="120" src="picture/x1.jpg" alt=""> <p>暢游東西歐 12晚15天</p> <p><span class="price">9999</span>起</p> </td> <td> <img width="200" height="120" src="picture/s.jpg" alt=""> <p>舒享德法意瑞、五漁村、比薩</p> <p><span class="price">11999</span>起</p> </td> <td> <img width="200" height="120" src="picture/t.jpg" alt=""> <p>土耳其10天藍(lán)色浪漫之旅</p> <p><span class="price">7499</span>起</p> </td> <td> <img width="200" height="120" src="picture/img1.jpeg" alt=""> <p>法國(guó)南部藍(lán)色海岸線蔚藍(lán)風(fēng)情</p> <p><span class="price">6519</span>起</p> </td> </tr> </table> </div> <div class="foot ban"> <table> <tr> <td width="200"> <h3>新手指南</h3> </td> <td width="200">會(huì)員注冊(cè)/登錄</td> <td width="200">會(huì)員章程</td> <td width="200">隱私政策</td> <td width="200">預(yù)訂流程</td> <td width="200">在線預(yù)訂條款</td> </tr> <tr> <td> <h3>簽約及發(fā)票制度</h3> </td> <td>門市簽約</td> <td>線上簽約</td> <td>發(fā)票制度</td> <td></td> <td></td> </tr> <tr> <td> <h3>支付方式</h3> </td> <td>在線支付</td> <td>門市現(xiàn)付</td> <td>銀行匯款</td> <td></td> <td></td> </tr> <tr> <td> <h3>售后服務(wù)</h3> </td> <td>退款方式</td> <td>訂單查詢</td> <td>訂單變更及取消</td> <td></td> <td></td> </tr> <tr> <td> <h3>旅資訊</h3> </td> <td>旅游貼士</td> <td>旅官方微博</td> <td>旅會(huì)員刊物</td> <td></td> <td></td> </tr> </table> <div style="margin: 20px 0;text-align: center;"> 聯(lián)系我們：service@cits.com.cn | 咨詢熱線：400-600-8888 </div> </div></body></html>關(guān)鍵詞：旅游,實(shí)現(xiàn),風(fēng)景,作業(yè),設(shè)計(jì)
客戶&案例
營(yíng)銷資訊
關(guān)于我們
客戶&案例
營(yíng)銷資訊
關(guān)于我們
微信公眾號(hào)
版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。
