web前端设计与开发期末作品用DIV CSS技术设计的体育主题网站（足球介绍）-CSDN博客

本文链接：https://blog.csdn.net/p305114466/article/details/126825837

🎉精彩专栏推荐 💭文末获取联系
✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主
💂 作者主页: 【主页——🚀获取更多优质源码】
🎓 web前端期末大作业：【📚毕设项目精品实战案例 (1000套) 】
🧡 程序员有趣的告白方式：【💌HTML七夕情人节表白网页制作 (110套) 】
🌎超炫酷的Echarts大屏可视化源码：【🔰 Echarts大屏展示大数据平台可视化(150套) 】
🔖 HTML+CSS+JS实例代码：【🗂️HTML+CSS+JS实例代码 (炫酷特效网页代码) 继续更新中…】
🎁 免费且实用的WEB前端学习指南：【📂web前端零基础到高级学习视频教程 120G干货分享】
🥇 关于作者: 曾于2016年、2020年两度荣获CSDN年度十大博客之星。十载寒冰，难凉热血；多年过去，历经变迁，物是人非。然而，对于技术的探索和追求从未停歇。 💪坚持原创，热衷分享，初心未改，继往开来！

👨‍🎓网页题目

🏀校园篮球网页设计、⚽足球体育运动、🤽体育游泳运动、🏓兵乓球、🎾网球、等网站的设计与制作。

✍️网页描述

🏷️ 大学生校园运动静态HTML网页设计作品，采用DIV CSS布局制作，内容包括：校园运动、运动技巧、运动规则、技术规则、经典动作。页面主体内容区域宽度为1200PX。网页整体使用CSS设置了网页背景图片。页面精美包含多个排版布局，学生网页作业水平制作。

🌐网页效果

在这里插入图片描述

⚙️ 代码实现

🧱HTML结构代码



<html>
<head>
<meta name="keywords" content="tzyh" />
<title></title>
<link rel="stylesheet" href="css/style.css"  type="text/css" media="all" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>

<body>
<div id="background">
  <div id="page">
    <div id="header">
      <center>
        <div id="adbox"> <img src="images/sea-sound.jpg"  alt="Img"> </div>
      </center>
      <div id="navigation">
        <ul>
          <li  class="selected"><a href="index.html" >首页</a></li>
          <li><a href="zqfzs.html" >足球发展史</a></li>
          <li><a href="cswz.html" >场上位置</a></li>
          <li><a href="zqzs.html" >足球战术</a></li>
          <li><a href="zqjx.html" >足球奖项</a></li>
          <li><a href="zqwh.html" >足球文化</a></li>
          <li><a href="lyb.html" >留言板</a></li>
        </ul>
      </div>
    </div>
    <div id="contents">
      <div id="sidebar" style=" float:left;margin-right:10px;">
       <img src="images/01.jpg"  alt="Img" style="margin-top:10px;">
      </div>
      <div id="main">
        <div class="box">
          <div>
            <div>
              <h3>关于足球</h3>
              <ul>
                <li>
                  <h4><a href=""></a></h4>
                  <p>足球，世界第一运动，是全球体育界最具影响力的单项体育运动。标准的足球比赛由两队各派11名队员参与，包括10名球员及1名守门员，互相在长方形的草地球场上互相对抗、互相进攻。比赛目的是尽量将足球射入对方的球门内，每射入一球就可以得到一分，当比赛完毕后，得分最多的一队则代表胜出。如果在比赛规定时间内得分相同，则须看比赛章则而定，可以抽签、加时再赛或互射点球（十二码）等形式比赛分高下。足球比赛中除了守门员可以在己方禁区内利用手部接触足球外，球场上每名球员只可以利用手以外的身体其他部分控制足球（开界外球例外）。 </p>
                  <p>2004年初，国际足联(FIFA)确认足球起源于xx，“蹴鞠”是有史料记载的最早的足球活动，《战国策》和《史记》是最早记录蹴鞠的文献典籍。现代足球则起源于英国，距今已经有200多年的历史了。从1900年的第2届奥运会开始，足球被列为奥运会正式比赛项目（女足比赛于1996年亚特兰大奥运会成为正式比赛项目），但它不允许职业运动员参加。1904年5月21日，国际足联在巴黎成立。</p>
                  <h2><a href="more.html" >点击了解更多详情...</a></h2>
                </li>
              </ul>
            </div>
          </div>
        </div>
      </div>
     
    </div>
  </div>
</div>
<div id="footer">
  <div>
    <p>版权所有</p>
  </div>
</div>
</body>
</html>