首页 > 分享 > HTML+CSS网页设计期末课程大作——篮球网页设计(6页) 学校篮球网页制作模板学生简单体育运动网站设计成品

HTML+CSS网页设计期末课程大作——篮球网页设计(6页) 学校篮球网页制作模板学生简单体育运动网站设计成品

花匠小妙招
2024-08-18 21:20

HTML+CSS网页设计期末课程大作——篮球网页设计(6页) 学校篮球网页制作模板学生简单体育运动网站设计成品

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

获取更多源码

PC电脑端关注我们

作者主页-更多源码

HTML期末大作业文章专栏

文章目录 HTML+CSS网页设计期末课程大作——篮球网页设计(6页) 学校篮球网页制作模板学生简单体育运动网站设计成品获取更多源码一、作品展示二、文件目录三、代码实现四、获取更多源码五、学习资料六、更多源码

一、作品展示

在这里插入图片描述

二、文件目录

在这里插入图片描述

三、代码实现

<!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=utf-8" />  <title>102033210 石萌萌 -为ai而狂-</title>    <style type="text/css"> body {background-color: #000;cursor: crosshair; } .frame1 {width: 700px;margin-right: auto;margin-bottom: auto;margin-left: auto;margin-top: 0px;border: 1px dotted #333; } .banner1 {height: 300px;margin-top: 0px;background-image: url(images/1149744000_32317.jpg);background-position: 0px 420px;color: #FFF;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-weight: bold;font-size: 50px;vertical-align: middle; } .bottom {margin-bottom: 0px;text-align: center;border: 1px solid #333; } .content {width: 700px;margin-left: 0px; } .sidebar1 {float: left;width: 200px; } .frame1 .banner1 table tr td {font-size: 40px;text-align: center; } body,td,th {color: #FFF; } .bar {margin-top: 0px;margin-right: auto;margin-bottom: auto;margin-left: auto;text-align: center;page-break-before: always;page-break-after: always;color: #F00;border: 4px double #333; } a:link {color: #B48D6E;text-decoration: none; } a:visited {text-decoration: none;color: #B48D6E; } a:hover {text-decoration: none;color: #F00; } a:active {text-decoration: none;color: #F00; } </style> </head> <body> <div class="frame1"> <div class="banner1"> <table width="274" border="0"> <tr> <td width="264" height="150"> 为AI而狂</td> </tr> <tr> <td>Crazy For AI</td> </tr> </table> </div> <div class="bar"> <p> | <a href="index.html">首页</a> | <a href="news.html">艾弗森新闻头条</a> | <a href="images.html">艾弗森图片</a> | <a href="video.html">艾弗森视频集锦</a> | <a href="soul.html">灵魂中的艾弗森</a> | <a href="about.html">关于</a> |</p> </div>  <div class="content"> <p>艾弗森图片：</p> <p><a href="images/ae10eddebb47e27b95ee375c.jpg"><img src="images/ae10eddebb47e27b95ee375c.jpg" alt="" width="223" height="273" /></a> <a href="images/8bc3a7010b115828738da58a.jpg"><img src="images/8bc3a7010b115828738da58a.jpg" alt="" width="230" height="278" /></a><a href="images/00a82701f77b2a327bec2ca6.jpg"><img src="images/00a82701f77b2a327bec2ca6.jpg" alt="" width="222" height="276" /></a></p> <p><a href="images/200411031115_826897.jpg"><img src="images/200411031115_826897.jpg" width="243" height="286" /></a><a href="images/1140360552450.jpg"><img src="images/1140360552450.jpg" width="204" height="285" /></a><a href="images/U687P6T12D2643793F44DT20061215115634.jpg"><img src="images/U687P6T12D2643793F44DT20061215115634.jpg" width="228" height="281" /></a><a href="images/5595890420111122182101022.jpg"><img src="images/5595890420111122182101022.jpg" width="691" height="458" /></a><a href="images/5595890420111122095550076.jpg"><img src="images/5595890420111122095550076.jpg" width="690" height="454" /></a></p> </div>  <div class="bottom"> <p>102033210 石萌萌</p> </div> </div> </body> </html>

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114

四、获取更多源码

PC电脑端关注我们

五、学习资料

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

六、更多源码

PC电脑端关注我们

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