300字范文 > HTML+CSS大作业: 个人介绍网页制作作业大学生简单个人静态HTML网页设计作品 DIV布

HTML+CSS大作业: 个人介绍网页制作作业大学生简单个人静态HTML网页设计作品 DIV布

时间：2020-11-19 04:59:56

HTML5期末大作业：个人介绍网站设计——个人博客(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码

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

作品介绍

1.网页作品简介：HTML期末大学生网页设计作业 A+水平 ,喜欢的可以下载，文章页支持手机PC响应式布局。

2.网页作品编辑：作品下载后可使用任意HTML编辑软件（如：DW、HBuilder、NotePAD 、Vscode 、Sublime 、Webstorm、 Notepad++等任意HTML软件编辑修改网页）。

3.网页作品技术：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频、音频元素、Flash，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。

文章目录

HTML5期末大作业：个人介绍网站设计——个人博客(6页) HTML+CSS+JavaScript 学生DW网页设计作业成品 web课程设计网页规划与设计计算机毕设网页设计源码作品介绍一、作品展示二、文件目录三、代码实现四、学习资料五、 👇🏻👇🏻👇🏻更多源码👇🏻👇🏻👇🏻

一、作品展示

二、文件目录

三、代码实现

<html><head><title>郭晓翠570012</title><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><link href="css/style.css" tppabs="css/style.css" rel="stylesheet" type="text/css"></head><body bgcolor="#0094e9" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" style="text-align:center;"><table id="__01" width="990" height="813" border="0" cellpadding="0" cellspacing="0" style="margin:0px auto; text-align:left;"><tr><td colspan="7"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="swflash.cab#version=7,0,19,0" tppabs="/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="990" height="91"><param name="movie" value="flash/flash.swf" tppabs="flash/flash.swf" /><param name="quality" value="high" /><param name="wmode" value="transparent" /><embed src="flash/flash.swf" tppabs="flash/flash.swf" quality="high" pluginspage="/go/getflashplayer" type="application/x-shockwave-flash" width="990" height="91" wmode="transparent" ></embed></object></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="91" alt=""></td></tr><tr><td colspan="7" width="990" height="31" class="nav"><a href="index.html" tppabs="index.html" class="hover">网站首页</a><a href="Templates/wdgq.html" tppabs="Templates/wdgq.html">我的过去</a><a href="Templates/wdxz.html" tppabs="Templates/wdxz.html">我的现在</a><a href="Templates/wdjl.html" tppabs="Templates/wdjl.html">我的将来</a><a href="Templates/lxfs.html" tppabs="Templates/lxfs.html">联系方式</a><a href="Templates/xqtc.html" tppabs="Templates/xqtc.html">兴趣特长</a></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="31" alt=""></td></tr><tr><td colspan="7"><img src="images/index_03.png" tppabs="images/index_03.png" width="990" height="30" alt=""></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="30" alt=""></td></tr><tr><td colspan="5"><img src="images/index_04.png" tppabs="images/index_04.png" width="686" height="329" alt=""></td><td rowspan="5"><img src="images/index_05.png" tppabs="images/index_05.png" width="26" height="607" alt=""></td><td valign="top" class="zqc"><p>我坚信，青春并不仅仅意味着年龄或身体的年轻。只有终生恪守青年时代的信念，矢志不移，孜孜以求，才是真正的青春的光彩。</p><p>不要幻想人生一帆风顺，首先要培养敏锐地洞察人世、社会百态的能力。知识是一种力量。切不可轻易妥协、苟且偷生，而应该用勇气和智慧与社会搏斗，在艰难困苦的磨砺中成长。人间、社会确实矛盾重重，必须解决的问题堆积如山。但是，倘若把一切都归咎于人世，就没有真正意义上的自我成长。</p></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="329" alt=""></td></tr><tr><td colspan="5"><img src="images/index_07.png" tppabs="images/index_07.png" width="686" height="29" alt=""></td><td><img src="images/index_08.png" tppabs="images/index_08.png" width="278" height="29" alt=""></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="29" alt=""></td></tr><tr><td rowspan="2"><img src="images/index_09.png" tppabs="images/index_09.png" width="221" height="221" alt=""></td><td rowspan="3"><img src="images/index_10.png" tppabs="images/index_10.png" width="18" height="249" alt=""></td><td><img src="images/index_11.png" tppabs="images/index_11.png" alt="" width="142" height="212" usemap="#Map2" border="0"></td><td><img src="images/index_12.png" tppabs="images/index_12.png" alt="" width="153" height="212" usemap="#Map3" border="0"></td><td><img src="images/index_13.png" tppabs="images/index_13.png" alt="" width="152" height="212" usemap="#Map4" border="0"></td><td><img src="images/index_14.jpg" tppabs="images/index_14.jpg" alt="" width="278" height="212" border="0" usemap="#Map"></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="212" alt=""></td></tr><tr><td colspan="3" rowspan="2"><img src="images/index_15.png" tppabs="images/index_15.png" width="447" height="37" alt=""></td><td rowspan="2"><img src="images/index_16.png" tppabs="images/index_16.png" width="278" height="37" alt=""></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="9" alt=""></td></tr><tr><td><img src="images/index_17.png" tppabs="images/index_17.png" width="221" height="28" alt=""></td><td><img src="../../..//bishe/blog13/images/index.htm" tppabs="/bishe/blog13/images/" width="1" height="28" alt=""></td></tr><tr><td colspan="7" width="990" height="54" align="center" style="background:#e2e2e2; border-bottom:5px solid #0095e7;"> 广州医学院深圳职业技术学院教学点<td></tr></table><map name="Map"><area shape="rect" coords="53,137,237,198" href="#" target="_blank"><area shape="rect" coords="42,46,243,130" href="Templates/lxfs.html" tppabs="Templates/lxfs.html"></map><map name="Map2"><area shape="rect" coords="5,12,137,203" href="Templates/wdxz.html" tppabs="Templates/wdxz.html"></map><map name="Map3"><area shape="rect" coords="10,9,148,208" href="Templates/wdxz.html" tppabs="Templates/wdxz.html"></map><map name="Map4"><area shape="rect" coords="7,8,147,209" href="Templates/xqtc.html" tppabs="Templates/xqtc.html"></map><embed autostart="true" loop="-1" controls="ControlPanel" width="0" height="0" src="music/music.mp3" tppabs="music/music.mp3"></body></html>