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

Posted 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网页设计期末课程大作业(家居网)