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

HTML

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

發(fā)布時間：2025/3/15 HTML 49 豆豆

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

HTML期末作業(yè)-中國足球網(wǎng)頁，HTML+css+JavaScript,頁面!

部分網(wǎng)頁源代碼

<!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>中國足球協(xié)會官方網(wǎng)站</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="">媒體專區(qū)</a><a href="">球迷專區(qū)</a><a href="">會員協(xié)會</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="">商務(wù)專區(qū)</a></li><li><a href="">關(guān)于足協(xié)</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>新聞動態(tài)</h2><a href="">更多>></a></div><div class="new-content"><ul><li><a href="">2020女超舉行賽前發(fā)布會第二階段比賽即將拉開大幕</a></li><li><a href="">中甲聯(lián)賽第四輪綜述——兩支升班馬暫居賽區(qū)榜首</a></li><li><a href="">2019-2020五超聯(lián)賽復(fù)賽動員會在香河賽區(qū)舉行</a></li><li><a href="">時隔295天，2019-2020賽季五超聯(lián)賽25日復(fù)賽</a></li><li><a href="">2020中甲聯(lián)賽第三輪綜述——東道主球隊表現(xiàn)亮眼</a></li><li><a href="">第一階段比賽順利結(jié)束資源升級助推女超“耀·綻放”</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中國足球協(xié)會杯(第二至第五輪)公用信號制作合作伙伴征集公告 </a></li><li><a href="">關(guān)于2020年亞足聯(lián)-中國足協(xié)職業(yè)級教練員培訓(xùn)班錄取通知</a></li><li><a href="">關(guān)于2019年亞足聯(lián)-中國足協(xié)職業(yè)級教練員培訓(xùn)班考核階段事宜的通知</a></li><li><a href="">關(guān)于對武漢車都江大女子足球隊及有關(guān)人員違規(guī)違紀的處罰決定</a></li><li><a href="">關(guān)于對上海農(nóng)商銀行女子足球隊及有關(guān)人員違規(guī)違紀的處罰決定</a></li><li><a href="">2020中國足球協(xié)會甲級聯(lián)賽信號制作競爭性談判結(jié)果公告</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>足協(xié)杯</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>中超聯(lián)賽</h2></a><a href="/gyzx/index.html"><img src="images/plate-img0808.png" class='imgbig' alt="" width=369 height=281 ><h2>關(guān)于足協(xié)</h2></a></li></ul></article><article class='index-link'><h2>相關(guān)鏈接</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>賽事贊助商及合作機構(gòu)</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án)賽"></li><li id="li3"><img src="./images/index-partner_03.png" alt="足協(xié)杯"></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án)賽"></li><li id="li6"><img src="./images/index-partner_06.png" alt="中乙聯(lián)賽"></li><li id="li7"><img src="./images/index-partner_07.png" alt="中冠聯(lián)賽"></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án)賽"></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="其他合作機構(gòu)"></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;">中國國家男子室內(nèi)五人制足球隊</dd><dd style="color: #999;font-size: 12px;">中國國家女子室內(nèi)五人制足球隊</dd><dd style="color: #999;font-size: 12px;">中國國家U-20男子室內(nèi)五人制足球隊</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="">中國足球協(xié)會杯</a></dd><dd><a href="" target="blank">中國足球協(xié)會超級聯(lián)賽</a></dd><dd><a href="">中國足球協(xié)會甲級聯(lián)賽</a></dd><dd><a href="">中國足球協(xié)會乙級聯(lián)賽</a></dd><dd><a href="">中國足球協(xié)會會員協(xié)會冠軍聯(lián)賽</a></dd><dd><a href="">全國青少年男子足球超級聯(lián)賽</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="">中國足球協(xié)會杯賽（女子）</a></dd><dd><a href="">中國足球協(xié)會女子足球超級聯(lián)賽</a></dd><dd><a href="">中國足球協(xié)會女子足球甲級聯(lián)賽</a></dd></dl><dl><dt><a>五人制</a></dt><dd><a href="">中國足球協(xié)會室內(nèi)五人制足球超級聯(lián)賽</a></dd><dd><a href="">中國足球協(xié)會室內(nèi)五人制足球甲級聯(lián)賽</a></dd><dd><a href="">中國足球協(xié)會女子室內(nèi)五人制足球聯(lián)賽</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="">商務(wù)專區(qū)</a></h2><h2 class="foot_bottom_h2"><a href="">關(guān)于足協(xié)</a></h2></div></div><div class="pFooterW"><footer><p>中國足球協(xié)會版權(quán)所有本網(wǎng)站由華奧星空(北京)信息技術(shù)有限公司提供制作及技術(shù)支持</p><p>ICP經(jīng)營許可證：京ICP備17048355號-1 京公網(wǎng)安備11010102000807號</p><p>網(wǎng)上傳播視聽節(jié)目許可證編號：0105094 發(fā)證機關(guān)：國家廣播電影電視總局</p><p>客服及報障電話：4008102008 客服及報障郵箱：operationcenter@sports.cn</p></footer></div></div> </script></body> </html>

部分網(wǎng)頁截圖

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。

上一篇： android toast居中显示_An
下一篇： HTML期末作业-家乡网站