实验3用HTML表格进行网页排版.docVIP

淮海工学院计算机工程学院 实验报告书 课程名: 《 Web应用开发技术》 题 目：实验三 HTML表格进行网页排版 班 级： 学 号： 姓 名： 实验三 用HTML表格进行网页排版 一 实验目的 掌握HTML文档的结构； 掌握常用的有关文本的标记及其属性； 掌握img标记及指定src属性的方法； 熟悉W3C HTML Validator进行网页合法性验证的一般方法。 二 实验内容和要求 实验内容: 创建名为ex3的文件夹，在该文件夹里面创建一个网页文件sales.html，网页的标题为“ACME公司2013年销售输入”，使用HTML 4 Transitional文档类型声明，使用合适的表格标记及属性显示ACME公司2013的5种产品4个季度的销售额。显示效果如下（单元格数据为随机值）： 产品/季度 一季度 二季度 三季度 四季度 Helix 20000 565454 5654 334543 X-Super 32345 34655 4345 34534 Compact2x 234324 7876 53434 43543 MiniXooper 7867 5465 6763443 354366 使用表格对教材64页图2-26的表单使用表格进行布局，保存为profile.html。 使用W3C在线HTML验证工具验证上述文档的合法性，修改验证结果中出现的错误。 实验要求： 需要每个同学独立完成所有的实验步骤， 要求使用label标记对相关的表单元素进行说明，即：label for=”elementId”Label/label 下课之前将实验报告的电子文档提交至教学平台。 三 实验步骤 第一题： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml xml:lang=en head meta http-equiv=Content-Type content=text/html;charset=UTF-8 titleACME公司2013年销售输入/title /head body table border=1 tr th产品/季度/th th一季度/th th二季度/th th三季度/th th四季度/th /tr tr bgcolor=#66FFCC thHelix/th td20000/td td565454/td td5654/td td334543/td /tr tr thX-Super/th td32345/td td34655/td td4345/td td34534/td /tr tr bgcolor=#66FFCC thCompact2x/th td234324/td td7876/td td53434/td td43543/td /tr tr thMiniXooper/th td7867/td td5465/td td6763443/td td354366/td /tr /body /html 第二题： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN /TR/xhtml1/DTD/xhtml1-transitional.dtd html xmlns=/1999/xhtml xml:lang=en head meta http-equiv=Content-Type content=text/html;charset=UTF-8 title表单/title /head body h1请正确填写您的个人信息，以方便我们及时与您联系！！！！/h1 form id=form1 name=form1 method=post table tr tdlabel for=username姓名：/label/