Web程序设计实验报告姓名：冯刚学号：200905030324班级：计科3班Html代码：1.首页代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title><style type="text/css"><!--body {background-color: #00FFCC;}#Layer1 {position:absolute;width:579px;height:89px;z-index:1;left: 276px;top: 17px;}.STYLE1 {font-size: 5pc;color: #660000;}#Layer2 {position:absolute;width:109px;height:31px;z-index:2;left: 426px;top: 146px;}#Layer3 {position:absolute;width:91px;height:34px;z-index:1;left: 455px;top: -4px;}#Layer4 {position:absolute;width:85px;height:33px;z-index:3;left: 649px;top: 142px;}.STYLE2 {font-size: 24px} #Layer5 {position:absolute;width:611px;height:156px;z-index:4;left: 267px;top: 247px;}.STYLE3 {font-size: 36px;color: #CC00CC;}.STYLE5 {font-size: 36px; color: #CC00CC; }--></style></head><body><div class="STYLE1" id="Layer1">冯刚的个人主页</div><div id="Layer2"><div class="STYLE2" id="Layer3"><a href="Untitled-2.html">通讯录</a></div> <span class="STYLE2"><a href="Untitled-3.html">个人介绍</a></span></div> <div class="STYLE2" id="Layer4"><a href="Untitled-4.html">留言板</a></div> <div id="Layer5"><p align="center" class="STYLE5">姓名：冯刚</p><p align="center" class="STYLE3">班级：计科三班</p><p align="center" class="STYLE3">学号：200905030324</p><p> </p></div></body></html>2.通讯录代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>无标题文档</title><style type="text/css"><!--body {background-color: #330099;}.STYLE2 {font-size: 9pc}--></style></head><body><div align="center"><span class="STYLE2">通讯录</span></div><table width="392" height="129" border="1" align="center" bgcolor="#FF9933"> <tr><td>张三</td><td>1288**********</td></tr><tr><td>李四</td><td>1434********</td></tr><tr><td>王五</td><td>12432********</td></tr></table></body></html>3.自我介绍代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title><style type="text/css"><!--#Layer1 {position:absolute;width:199px;height:517px;z-index:1;left: 104px;top: 20px;}.STYLE1 {font-size: 9pc}#Layer2 {position:absolute;width:517px;height:378px;z-index:2;left: 438px;top: 74px;}.STYLE3 {font-size: 16px}--></style></head><body><img src="1.jpg" width="1335" height="721" /><div class="STYLE3" id="Layer2"><p>我的名字叫做冯刚，出生于1990年1月1日。
</p> <p>秋意悄悄的随着霏霏细雨潜入我的梦里了<br /><br />秋夜凉凉的手指划过熟睡的面颊<br /><br />轻轻的呢喃在嘴角流露来世的期盼<br /><br />沉醉在梦乡里<br /><br />沉沉的不愿醒来<br /><br /><br />静谧的月光将浪漫笼罩了满屋<br /><br />朦胧的挥舞绕指的温柔<br /><br />孤寂在昏睡中将相思唤回<br /><br />牵手的岁月如此短暂<br /><br />回首望不断天涯路漫漫<br /><br /></p></div><div class="STYLE1" id="Layer1">自我介绍</div> </body></html>4.留言板代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>无标题文档</title><style type="text/css"><!--body {background-color: #CC9966;}#Layer1 {position:absolute;width:712px;height:131px;z-index:1;left: 276px;top: 14px;}.STYLE1 {font-size: 9pc}#Layer2 {position:absolute;width:95px;height:40px;z-index:2;left: 650px;top: 504px;}#Layer3 {position:absolute;width:205px;height:41px;z-index:1;left: 30px;top: -236px;}#Layer4 {position:absolute;width:72px;height:32px;z-index:1;left: -146px;top: 1px;}.STYLE2 {font-size: 24px}--></style></head><body><div class="STYLE1" id="Layer1"><div align="right">留言板</div></div><div id="Layer2"><div id="Layer3"><div class="STYLE2" id="Layer4">YS</div><span class="STYLE2">dsgsdgdsfgsdfg</span></div><div align="center"><span class="STYLE2">提交</span></div> </div></body></html>。