HTML+CSS网页设计期末课程大作——体育羽毛球(5页面)

Posted 2022-01-13 web领域优质创作者-网页设计

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML+CSS网页设计期末课程大作——体育羽毛球(5页面)相关的知识，希望对你有一定的参考价值。

html+CSS网页设计期末课程大作——体育羽毛球(5页面)

常见网页设计作业题材有 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 等网页设计题目, A+水平作业, 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

获取更多源码

PC电脑端关注我们

🧡作者主页-更多源码

🧡HTML期末大作业文章专栏

一、作品展示

二、文件目录

三、代码实现


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>home</title>
<link rel="stylesheet" type="text/css" href="css/index.css" >

<style type="text/css">
.code height:auto; padding:20px; border:1px solid #9EC9FE; background:#ECF3FD;
.code prefont-size:14px;
.info font-size:12px; color:#666666; font-family:Verdana; margin:20px 0 50px 0;
.info p margin:0; padding:0; line-height:22px; text-indent:40px;
h2.title margin:0; padding:0; margin-top:50px; font-size:18px; 
h3.title font-size:16px;
.importInfo font-family:Verdana; font-size:14px;

a text-decoration:none;
</style>
</head>

<body style="background:url(images/bj.jpg) repeat fixed!important; ">
<div class="head"><img src="images/top.jpg"  /></div>
<div class="page">

<div class="nav">
<p><a href="index.html" >首页</a><a href="about.html" >"羽毛球文化"</a><a href="wenhua.html" >热门人物</a><a href="wen.html" >大型赛事</a>　<a href="news.html" >注册</a></p>
</div>
<div class="content" style="padding-top:10px;">
<div class="guntu">
<img src="images/h1.jpg"  width="238" height="160" /><img src="images/h2.jpg"  width="238" height="160" /><img src="images/h3.jpg"  width="238" height="160" /><img src="images/h4.jpg"  width="238" height="160" /><img src="images/h5.jpg"  width="238" height="160" />
</div>

<div class="jianzhu">
  <p><span style="font-size: 15px">黄志红</span><span style="font-size: 15px"></span></p>
</div>

<div class="jianzhu_bot">

<div class="jianzhuA">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/2.jpg"/></td>
    
  </tr>
</table>
<br />


<p  style=" float:left; margin-left:0px; display:inline; font-size:15px; line-height:30px;">谌龙，1989年1月18日出生于湖北省荆州市，中国羽毛球男子单打项目运动员。2016年里约奥运会羽毛球男单冠军。<br />
</p>
</div>


<div class="jianzhuA">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td><img src="images/3.jpg"/></td>
    
  </tr>
</table>
<div>2006年进入国家队，2012年首次参加奥运会并获得羽毛球男单季军。2014年9月，世界羽毛球锦标赛男单冠军，获得个人第一个世界冠军。 同年首次登上羽毛球世界排名第一的位置。2015年8月，成功卫冕世锦赛冠军。<br />
2016年8月20日，里约奥运会羽毛球男单决赛，谌龙以2-0战胜李宗伟，首次获得奥运冠军，这是谌龙连续三年在世界大赛的决赛中战胜李宗伟，同时也是中国羽毛球队夺奥运会羽毛球男单三连冠。</div>

</div>
  
</div>


</div><div class="foot"><p style=" text-align:center;">版权所有</p></div>

</center>
</body>
</html>

四、获取更多源码

PC电脑端关注我们

五、学习资料

web前端零基础-入门到高级 (视频+源码+开发软件+学习资料+面试题) 一整套 (教程)
适合入门到高级的童鞋们入手~送1000套HTML+CSS+javascript模板网站

六、更多源码

PC电脑端关注我们

HTML5期末考核大作业源码* 包含 个人、美食、公司、学校、旅游、电商、宠物、电器、茶叶、家居、酒店、舞蹈、动漫、明星、服装、体育、化妆品、物流、环保、书籍、婚纱、军事、游戏、节日、戒烟、电影、摄影、文化、家乡、鲜花、礼品、汽车、其他 可满足大学生网页大作业网页设计需求, 喜欢的可以下载!

以上是关于HTML+CSS网页设计期末课程大作——体育羽毛球(5页面)的主要内容，如果未能解决你的问题，请参考以下文章

web期末网站设计大作业：鲜花网站设计——鲜花礼品在线购物网站设计(21页) HTML+CSS+JavaScript web前端课程设计 web前端课程设计代码 web课程设计 HTML网页制作

HTML5期末大作业：餐饮美食网站设计——咖啡(10页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计咖啡网页设计美食餐饮网页设计...(代码片段

HTML5期末大作业：旅游网页设计——旅游住宿酒店(14页) HTML+CSS+JavaScript

HTML5期末大作业：鲜花主题网页设计——简约的网上花店网站设计(4页) HTML+CSS+JavaScript

HTML5期末大作业：在线电影介绍(6页) HTML+CSS+JavaScript 大学生毕设网页设计源码HTML web网页设计制作成品

HTML+CSS+JS网页设计期末课程大作业(家居网)