當前位置：首頁 > 前端技术 > HTML >内容正文

HTML

HTML期末作业-中国足球网页

發布時間：2025/3/15 HTML 24 豆豆

生活随笔收集整理的這篇文章主要介紹了 HTML期末作业-中国足球网页小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

HTML期末作業-中國足球網頁，HTML+css+JavaScript,頁面!

部分網頁源代碼

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>中國足球協會官方網站</title><link rel="stylesheet" href="./css/index.css"> </head><body><div class="header"><div class="top"><h1><img src="./images/logo.png" alt=""></h1><div class="topRight"><div class="topRight-top"><a href="">仲裁入口</a><a href="">媒體專區</a><a href="">球迷專區</a><a href="">會員協會</a><a href="">EN</a></div><div class="topRight-buttom"><input type="text" placeholder="請輸入搜索詞匯" id="keywordInput" name="keyword" class="top-search-input"><div class="btn-search submit" id="searchSubmit"></div></div></div></div><div class="buttom"></div></div><div class="nav"><ul><li style="margin-left: 94px;"><a href="">首頁</a></li><li><a href="">新聞</a></li><li><a href="">公告</a></li><li><a href="">隊伍</a></li><li><a href="">賽事</a></li><li><a href="">教練員</a></li><li><a href="">裁判員</a></li><li><a href="">青少年</a></li><li><a href="">女足</a></li><li><a href="">綠蔭夢想</a></li><li><a href="">商務專區</a></li><li><a href="">關于足協</a></li></ul></div><div class="lbt"><div id="banner"></div><script src="js/banner.js"></script><script>createBannerArea(document.getElementById("banner"), [{imgUrl: "images/lbt1.jpg",}, {imgUrl: "images/lbt2.jpg",}, {imgUrl: "images/lbt3.jpg",},{imgUrl: "images/lbt4.jpg",}]);</script></div><div class="content"><div class="index-new"><div class="new"><div class="new-top-line"><h2>新聞動態</h2><a href="">更多>></a></div><div class="new-content"><ul><li><a href="">2020女超舉行賽前發布會第二階段比賽即將拉開大幕</a></li><li><a href="">中甲聯賽第四輪綜述——兩支升班馬暫居賽區榜首</a></li><li><a href="">2019-2020五超聯賽復賽動員會在香河賽區舉行</a></li><li><a href="">時隔295天，2019-2020賽季五超聯賽25日復賽</a></li><li><a href="">2020中甲聯賽第三輪綜述——東道主球隊表現亮眼</a></li><li><a href="">第一階段比賽順利結束資源升級助推女超“耀·綻放”</a></li></ul></div></div><div class="ann"><div class="ann-top-line"><h2>通知公告</h2><a href="">更多>></a></div><div class="ann-content"><ul><li><a href="">燕京啤酒2020中國足球協會杯(第二至第五輪)公用信號制作合作伙伴征集公告 </a></li><li><a href="">關于2020年亞足聯-中國足協職業級教練員培訓班錄取通知</a></li><li><a href="">關于2019年亞足聯-中國足協職業級教練員培訓班考核階段事宜的通知</a></li><li><a href="">關于對武漢車都江大女子足球隊及有關人員違規違紀的處罰決定</a></li><li><a href="">關于對上海農商銀行女子足球隊及有關人員違規違紀的處罰決定</a></li><li><a href="">2020中國足球協會甲級聯賽信號制作競爭性談判結果公告</a></li></ul></div></div></div><article class="mt20"><ul class="plate-list clear"><li><a href="" class='big'><img src="images/plate-img01.jpg" class='imgbig' alt=""><h2>中國之隊</h2></a><a href=""><img src="images/plate-img02.jpg" class='imgbig' alt=""><h2>足協杯</h2></a></li><li><a href="/caogen/index.html"><img src="images/plate-img0330.jpg" class='imgbig' alt=""><h2>全民足球</h2></a><a href="/qx/index.html" class='big'><img src="images/plate-img04.jpg" class='imgbig' alt=""><h2>青少年</h2></a></li><li><a href="http://www.csl-china.com/" class='big'><img src="images/zclssytp3.jpg" class='imgbig' alt="" style="width: 100%;"><h2>中超聯賽</h2></a><a href="/gyzx/index.html"><img src="images/plate-img0808.png" class='imgbig' alt="" width=369 height=281 ><h2>關于足協</h2></a></li></ul></article><article class='index-link'><h2>相關鏈接</h2><div class="index-link-list"><div class="index-link-scroll"><ul class='list' style="width: 983px;"><li><a href="https://www.fifa.com/" target="_blank"><img src="images/syfifa.png" alt="" ></a></li><li><a href="http://www.the-afc.com/" target="_blank"><img src="images/icon11-1.png" alt="" ></a></li><li><a href="http://eaff.com" target="_blank"><img src="images/dyzl_logo.png" alt="" style=" width: 70px;" ></a></li><li><a href="http://www.sport.org.cn/" target="_blank"><img src="images/icon12-112.png" alt="" ></a></li></ul></div></div></article><div class="partner"><div class="partner_title tac"><h2>賽事贊助商及合作機構</h2></div><div class="partner_logo_tab tac"><div class="partner_logo_scroll"><ul class="list" style="width: 1131px;"><li id="li1"><img src="./images/index-partner_01.png" alt="中國之隊"></li><li id="li2"><img src="./images/index-partner_02.png" alt="中超聯賽"></li><li id="li3"><img src="./images/index-partner_03.png" alt="足協杯"></li><li id="li4"><img src="./images/index-partner_04.png" alt="超級杯"></li><li id="li5"><img src="./images/index-partner_05.png" alt="中甲聯賽"></li><li id="li6"><img src="./images/index-partner_06.png" alt="中乙聯賽"></li><li id="li7"><img src="./images/index-partner_07.png" alt="中冠聯賽"></li><li id="li8"><img src="./images/index-partner_08.png" alt="女子賽事"></li><li id="li9"><img src="./images/index-partner_11111.jpg" alt="青超聯賽"></li><li id="li10"><img src="./images/index-partner_12.jpg" alt="五人制足球"></li><li id="li11"><img src="./images/index-partner_13.jpg" alt="沙灘足球"></li><li id="li12"><img src="./images/index-partner_09.png" alt="我愛足球"></li><li id="li13"><img src="./images/index-partner_10.png" alt="其他合作機構"></li></ul></div></div><div class="block"><div class='partner_list partner_block' id="d1"><img src="images/group_china.png" alt=""></div> <div class='partner_list' id="d2"><img src="images/chao_sai.png" alt=""> </div>  <div class='partner_list' id="d3"> <img src="images/zuxiebei.png" alt=""> </div>  <div class="partner_list" id="d4"> <img src="images/super_cup.png" alt=""> </div>  <div class='partner_list' id="d5"> <img src="images/zhongjialiansai.png" alt=""> </div>  <div class='partner_list' id="d6"> <dl class='zanzhushang zz-big mt90'></dl> <dl class='zanzhushang'><img src="images/zhongyiliansai.png" alt=""> </div>  <div class="partner_list" id="d7"> <img src="images/zhongguanliansai.png" alt=""></div>  <div class='partner_list' id="d8"> <img src="images/womancon.png" alt=""> </div>  <div class="partner_list" id="d9"> <img src="images/9.png" alt=""> </div>  <div class='partner_list' id="d10"> <img src="images/10.png" alt=""> </div>  <div class='partner_list' id="d11"> <dl class='zanzhushang zz-big mt90'></dl> <dl class='zanzhushang'><img src="images/11.png" alt=""> </div>  <div class="partner_list" id="d12"> <img src="images/12.png" alt=""></div>  <div class='partner_list' id="d13"> <img src="images/13.png" alt=""> </div> </div><div class="foot_bottom "><div class="foot_bottom_b"><div class="foot_bottom_list"><h2 class="foot_bottom_h2"><a href="">新聞</a></h2><h2 class="foot_bottom_h2"><a href="">公告</a></h2><h2 class="foot_bottom_h2"><a href="">教練員</a></h2><h2 class="foot_bottom_h2"><a href="">裁判員</a></h2><h2 class="foot_bottom_h2"><a href="">青少年</a></h2><h2 class="foot_bottom_h2"><a href="">女足</a></h2></div><div class="foot_bottom_list"><h2 class="foot_bottom_h2"><a>隊伍</a></h2><dl><dt><a href="">中國之隊</a></dt><dd><a href="">中國國家男子足球隊</a></dd><dd style="color: #999;font-size: 12px;">中國國家U-23男子足球隊</dd><dd style="color: #999;font-size: 12px;">中國國家U-21男子足球隊</dd><dd><a href="">中國國家女子足球隊</a></dd><dd style="color: #999;font-size: 12px;">中國國家青少年足球隊</dd></dl><dl><dt><a>其他隊伍</a></dt><dd style="color: #999;font-size: 12px;">中國國家男子室內五人制足球隊</dd><dd style="color: #999;font-size: 12px;">中國國家女子室內五人制足球隊</dd><dd style="color: #999;font-size: 12px;">中國國家U-20男子室內五人制足球隊</dd><dd style="color: #999;font-size: 12px;">中國國家沙灘足球隊</dd></dl></div><div class="foot_bottom_list"><h2 class="foot_bottom_h2"><a>賽事</a></h2><dl><dt><a>男子</a></dt><dd><a href="">中國足球協會杯</a></dd><dd><a href="" target="blank">中國足球協會超級聯賽</a></dd><dd><a href="">中國足球協會甲級聯賽</a></dd><dd><a href="">中國足球協會乙級聯賽</a></dd><dd><a href="">中國足球協會會員協會冠軍聯賽</a></dd><dd><a href="">全國青少年男子足球超級聯賽</a></dd></dl></div><div class="foot_bottom_list"><h2 class="foot_bottom_h2"><a>賽事</a></h2><dl><dt><a>女子</a></dt><dd><a href="">中國足球協會杯賽（女子）</a></dd><dd><a href="">中國足球協會女子足球超級聯賽</a></dd><dd><a href="">中國足球協會女子足球甲級聯賽</a></dd></dl><dl><dt><a>五人制</a></dt><dd><a href="">中國足球協會室內五人制足球超級聯賽</a></dd><dd><a href="">中國足球協會室內五人制足球甲級聯賽</a></dd><dd><a href="">中國足球協會女子室內五人制足球聯賽</a></dd></dl></div><div class="foot_bottom_list w120"><h2 class="foot_bottom_h2"><a>綠茵夢想</a></h2><dl><dd><a href="">全民足球</a></dd><dd><a href="l">我是球迷</a></dd></dl><h2 class="foot_bottom_h2 mb20"><a href="">商務專區</a></h2><h2 class="foot_bottom_h2"><a href="">關于足協</a></h2></div></div><div class="pFooterW"><footer><p>中國足球協會版權所有本網站由華奧星空(北京)信息技術有限公司提供制作及技術支持</p><p>ICP經營許可證：京ICP備17048355號-1 京公網安備11010102000807號</p><p>網上傳播視聽節目許可證編號：0105094 發證機關：國家廣播電影電視總局</p><p>客服及報障電話：4008102008 客服及報障郵箱：operationcenter@sports.cn</p></footer></div></div> </script></body> </html>

部分網頁截圖

總結

以上是生活随笔為你收集整理的HTML期末作业-中国足球网页的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。

上一篇： android toast居中显示_An
下一篇： Java高级语法笔记-向上层抛出异常