时间：2023-10-16 12:36:02 | 来源：网站运营
时间：2023-10-16 12:36:02 来源：网站运营
Web大学生网页作业成品：个人博客主页 (纯HTML+CSS代码)：精彩专栏推荐 文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 作者主页: 【主页—— 获取更多优质源码】 web前端期末大作业： 【 毕设项目精品实战案例 (1000套) 】 程序员有趣的告白方式：【 HTML七夕情人节表白网页制作 (110套) 】 超炫酷的Echarts大屏可视化源码：【 echarts大屏展示大数据平台可视化(150套) 】 免费且实用的WEB前端学习指南： 【 web前端零基础到高级学习视频教程 120G干货分享】 关于作者: 历任研发工程师，技术组长，教学总监；曾于2016年、2020年两度荣获CSDN年度十大博客之星。 十载寒冰，难凉热血；多年过去，历经变迁，物是人非。 然而，对于技术的探索和追求从未停歇。 坚持原创，热衷分享，初心未改，继往开来！
在线咨询
Dreamweaver、HBuilder、Vscode 、Sublime 、Webstorm、Text 、Notepad++ 等任意html编辑软件进行运行及修改编辑等操作）。 其中： （1） html文件包含：其中index.html是首页、其他html为二级页面； （2） css文件包含：css全部页面样式,文字滚动, 图片放大等； （3） js文件包含：js实现动态轮播特效, 表单提交, 点击事件等等（个别网页中运用到js代码）。<!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 charset="UTF-8"> <link rel="stylesheet" rev="stylesheet" href="css/style.css" type="text/css" /> <title>我的主页</title></head><body> <div class="nb_body"> <div class="nb_main"> <div class="header"> <div class="homeName"> <div class="myFamilyName"><i>孙杨的大学主页</i></div> <div class="myFamilyInfo"> <marquee behavior="scroll" direction="left" width="100%" scrollamount="2"> 欢迎您来到我的小家，随便看看吧！ </marquee> </div> </div> </div> <div class="nb_are nb_nav"> <div class="nav2"> <ul> <li class="small selected"><a href="index2.html">首页</a></li> <li><a href="mylog.html">我的日志</a></li> <li><a href="aboutMe.html">我的简历</a></li> <li><a href="myPhoto.html">我的相册</a></li> <li><a href="myVideo.html">我的视频</a></li> </ul> </div> </div> <div class="nb_are nb_smt"></div> <div class="nb_are nb_cnt"> <div class="mainLeft"> <div class="mainLeftTop"></div> <div class="mainLeftCenter"> <div class="left-title"><b>个人简介</b></div> <div class="left-photo"><img src="images/wo.jpg" /></div> <div class="left-name"><b>孙杨</b></div> <div class="left-info"> <ul> <li>姓名：孙杨</li> <li>性别：男</li> <li>生日：1991年12月1日</li> <li>邮箱:<a class="__yjs_email__" href="/cdn-cgi/l/email-protection" data-yjsemail="f0c1c2c3c4c5c6c7c8c9b08181de939f9d">[email protected]</a> <script data-yjshash='f9e31' type="text/javascript"> /* <![CDATA[ */ ! function(t, e, r, n, c, a, p) { try { t = document.currentScript || function() { for (t = document.getElementsByTagName('script'), e = t.length; e--;) if (t[e].getAttribute('data-yjshash')) return t[e] }(); if (t && (c = t.previousSibling)) { p = t.parentNode; if (a = c.getAttribute('data-yjsemail')) { for (e = '', r = '0x' + a.substr(0, 2) | 0, n = 2; a.length - n; n += 2) e += '%' + ('0' + ('0x' + a.substr(n, 2) ^ r).toString(16)).slice(-2); p.replaceChild(document.createTextNode(decodeURIComponent(e)), c) } p.removeChild(t) } } catch (u) {} }() /* ]]> */ </script> </li> <li>血型：o型</li> <li>爱好：游泳 钓鱼 健身</li> </ul> </div> </div> </div> <div class="mainRight"> <div class="mainRightTop"></div> <div class="mainRightCenter"> <div class="Rtitle"><b>我的大学</b></div> <div class="Rrain"> <p>我的爱好广泛，喜欢旅行、听音乐、下棋、各种体育运动。是一个做事踏实、学习刻苦、有上进心的学生。</p> <p>高中时听说大学学生会是人才的摇篮，在这里可以在同学长，同学的交流中发现自己的不足，并加以改正，好让自己能更好的为班级，为同学服务。我想学生会对我来说也是一个锻炼自己的机会也是一个展示自己才华的舞台。</p> <p>刚踏进大学，我就严格要求自己，立志要在大学生涯中有所成就，从全方面发展自己。</p> <p>我也是一个追求完美的人，我知道世上没有十全十美的人存在，但我们可以去追求，去不断的向它靠拢，每一个人或多或少都有缺点，我把这些缺点比作一个无形的洞，我们都知道洞是可以填补的，就好比缺点也是可以改正的，这也就要我们怎样把这个洞一点一点填上，就是怎样一点一点完善自己。洞是无形的，就如人不会是十全十美，我们或许永远填不满这洞，就好像人不会十全十美，也就正如学习，学习是无止境的。因此我要不断的填洞，不断的学习，不断的完善自己。所以，我选择了我所追求的，追求了我所选择的——入学生会。</p> <p>如果我有幸能得到你们的认可，我将尽力办好上级分派给我的任务，不辜负学长们对我期望，以此为新的起点，为文艺部出自己的一分力量。</p> <p>虽说命运掌握在自己手中,但有时付出了不一定有回报,如果我没有入选，也不会就此灰心，我会下去总结经验教训，弥补不足。</p> </div> </div> </div> <div class="clearfix"></div> </div> <div class="nb_are nb_fot"> <div class="copyRight"> 体育系 游泳专业 孙杨 版权所有© 2014 </div> </div> </div> </div> </div></body></html>@charset "gb2312";/* CSS Document */body { background: #deceb0; padding: 0px; margin: 0px; font-size: 12px}ul,li,img { margin: 0px; padding: 0px; border: 0px; list-style: none}.clearfix { clear: both}.nb_body { background: url(../images/topbg_1.jpg) #deceb0 repeat-x left -24px; height: 270px}.nb_main { width: 1004px; height: auto; margin: 0px auto; position: relative;}.header { width: 1004px; height: 212px; position: relative}.homeName { margin: 0px auto; color: #8a703e; height: 212px; background-image: url(../images/headbgn.jpg); height: 212px;}.myFamilyName { width: 460px; height: 60px; line-height: 60px; color: #8a703e; font-size: 28px; position: absolute; left: 500px; top: 52px; font-weight: bold;}.myFamilyName i { font-style: normal;}.myFamilyInfo { width: 280px; height: 30px; line-height: 30px; position: absolute; right: 0px; top: 92px; font-size: 14px;}.nb_nav { background: url(../images/nav_bg.jpg) no-repeat center top; height: 32px;}.nb_nav .nav2 { margin-left: 391px; height: 32px; line-height: 32px;}}.myPhotoS a:hover { text-decoration: underline}.myPhotoS-list { width: 660px; margin: 50px auto;}.myPhotoS-list ul { width: 660px}.myPhotoS-list ul li { width: 220px; text-align: center; float: left}.myPhotoS-list img { width: 200px; min-height: 150px; border-top-left-radius: 25px; border-bottom-right-radius: 25px; background-clip: border-box}.myPhotoS-show { width: 660px; margin: 20px auto}.myPhotoS-show .img { width: 660px; overflow: hidden; text-align: center}.img img { width: 660px}.myPhotoS-show .pages { width: 150px; margin: 20px auto}请 “ 点赞” “✍️评论” “ 收藏”一键三连哦！ 【 关注我| 获取更多源码 | 优质文章】带您学习各种前端插件、3D炫酷效果、图片展示、文字效果、以及整站模板 、大学生毕业HTML模板 、期末大作业模板 、等! 「在这里有好多 前端 开发者，一起探讨 前端 Node 知识，互相学习」！关键词：大学生,作业,成品
