(实验一运用XHTML标记进行网页设计.docVIP

实验报告 课程名称 Web程序设计 实验名称 实验一、运用XHTML标记进行网页设计 日期 2015.3.10 学生学号 姓名 班级 实验目的： 1．掌握开发工具VS2008开发网站的基本步骤。 2．掌握一个静态网页的设计步骤。 3．通过几个网页的设计掌握XHTML标记的作用。 实验条件： 电脑一台、能上网查阅资料。 实验内容与步骤： (1) 创建一个XHTML页面rumengling.aspx，输出结果如图1-1所示。 图1-1 (2) 练习列表标记songci.aspx，输出结果如图1-2所示： 图1-2 用XHTML语言编写符合以下要求的页面：标题为“An example of image”，在浏览器窗口中显示一个图像。图像的宽度为200个像素点，高度为150个像素点，边框宽度为10个像素点 在网页中做一张课程表，要求所有的文字均居中，背景为黄色，表格居中，宽度为500像素。单元格间距与单元格边距为20像素。 (5) 创建一个网页，通过链接可以跳转到(1)创建的rumengling.aspx上。 （2）源代码 (1) center h1 如梦令/h1 h2 李清照/h2 hr style =width :60%;height:0.5px;color:Black / 昨夜雨疏风骤br /浓睡不消残酒br /试问卷帘人br /却道海棠依旧br /知否知否br /应是绿肥红瘦 /center (2) 1.咏梅 ul li style =list-style-type :circle驿外断桥边，寂寞开无主。/li li style =list-style-type :circle已是黄昏独自愁，更著风和雨。/li li style =list-style-type :circle无意苦争春，一任群芳妒。/li li style =list-style-type :circle零落成泥碾作尘，只有香如故。/li /ul 2.如梦令 ul li style =list-style-type :square昨夜雨疏风骤,浓睡不消残酒。/li li style =list-style-type :square试问卷帘人，却道海棠依旧。/li li style =list-style-type :square知否？知否？应是绿肥红瘦。/li /ul (3) h2 An example of image/h2 img src=images/lantian.jpgalign=middle border=10width =200height=150alt=lantian / (4) div center table border=5cellpadding =20width=500 tr align=center td bgcolor=yellow /td td bgcolor=yellow周一 /td td bgcolor=yellow周二 /td td bgcolor=yellow周三 /td td bgcolor=yellow周四 /td td bgcolor=yellow周五 /td /tr tr tr align=center td bgcolor=yellow第一二节 /td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td td bgcolor=yellow/td /tr tr tr align=center td bgcolor=yellow第三四节 /td td bgcolor=yel