《实验三+用HTML表格进行网页排版.doc》由会员分享,可在线阅读,更多相关《实验三+用HTML表格进行网页排版.doc(7页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、精品文档,仅供学习与交流,如有侵权请联系网站删除淮海工学院计算机工程学院实验报告书课程名: Web应用开发技术 题 目:实验三 HTML表格进行网页排版 班 级: 学 号: 姓 名: 评语:成绩: 指导教师: 批阅时间: 年 月 日实验三 用HTML表格进行网页排版一 实验目的l 掌握HTML文档的结构;l 掌握常用的有关文本的标记及其属性;l 掌握img标记及指定src属性的方法;l 熟悉W3C HTML Validator进行网页合法性验证的一般方法。二 实验内容和要求实验内容:1. 创建名为ex3的文件夹,在该文件夹里面创建一个网页文件sales.html,网页的标题为“ACME公司20
2、13年销售输入”,使用HTML 4 Transitional文档类型声明,使用合适的表格标记及属性显示ACME公司2013的5种产品4个季度的销售额。显示效果如下(单元格数据为随机值):产品/季度一季度二季度三季度四季度Helix200005654545654334543X-Super3234534655434534534Compact2x23432478765343443543MiniXooper7867546567634433543662. 使用表格对教材64页图2-26的表单使用表格进行布局,保存为profile.html。3. 使用W3C在线HTML验证工具验证上述文档的合法性,修改验
3、证结果中出现的错误。实验要求:(1) 需要每个同学独立完成所有的实验步骤,(2) 要求使用label标记对相关的表单元素进行说明,即:Label(3) 下课之前将实验报告的电子文档提交至教学平台。三 实验步骤第一题:ACME公司2013年销售输入 产品/季度 一季度 二季度 三季度 四季度 Helix 20000 565454 5654 334543 X-Super 32345 34655 4345 34534 Compact2x 234324 7876 53434 43543 MiniXooper 7867 5465 6763443 354366 第二题:表单请正确填写您的个人信息,以方便我
4、们及时与您联系! 姓名: 密码: 确认密码: 性别: 男 女 年龄: 0-17岁18-35岁36-50岁50岁以上 最喜爱的语言: HTML CSS Javascript 最高学历: 博士 硕士 学士及以下 您的头像: 您的建议: 请留下您的宝贵意见 您的上传: 四 实验结果第一题:第二题:五 实验分析体会通过实验,理解掌握了什么?解决了什么问题?有何体会? 通过本次实验掌握了一些创建表格使用的基本标签,table标签:定义一个表格,tr:定义了表格中的行,td:定义了普通的单元格,th:定义了表头的单元格,通常文本黑体居中出现, caption:定义了表格的标题。刚学习的时候不知道上面几个标签的功能,通过反复练习书本上P53页的例题,反复在notepad+中打源代码,最后掌握了它们的属性并且能正确地定义。 通过本次实验,学会了如何在网页中制作表格和表单,就像在excel中一样。但是对于书上的部分例题还不能完全理解,继续加油!【精品文档】第 7 页