实验三_HTML表格与HTML表单.docVIP

淮海工学院计算工程学院 实验报告书 课程名： Web应用开发技术 题 目： HTML表格与HTML表单 班 级： 学 号： 姓 名： 评语： 评语： 成绩： 指导教师： 批阅时间： 年 月 日 《Web应用开发技术》实验报告 - PAGE 1 - HTML表格与HTML表单 一 实验目的 掌握网页中插入表格数据的标记的用法。 掌握不规则表格的创建方法 掌握表格外观控制属性的应用 掌握HTML表单的作用、HTML表单的两种提交方法及各自的使用场合； 掌握不同类型表单元素的使用方法；二 实验内容和要求 实验内容： 1.创建网页文件sales.html，网页的标题为“ACME公司2014年销售输入”，使用合适的表格标记及属性显示ACME公司2013的4种产品4个季度的销售额。显示效果如下（单元格数据为随机值，可以使用font等标记设置颜色等外观样式）： 产品/季度 一季度 二季度 三季度 四季度 Sass 1000 1200 8000 3000 LESS 5000 2500 4850 Stylus 3000 3650 4900 Myth 500 650 600 1200 SubTotal 6500 7350 12500 15950 Total ￥423，000.00 2. 创建如下图所示的表单： 实验要求： 1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分； 2.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。 特别提示：若实验报告出现雷同情况，所涉及同学均无相应成绩； 三 实验步骤 实验代码： 1. html head titleACME公司2014年销售输入/title /head body table border=1 bordercolor=red tr th产品/季度/th th第一季度/th th第二季度/th th第三季度/th th第四季度/th /tr tr tdSass/td td1000/td td1200/td td rowspan=28000/td td3000/td /tr tr tdLess/td td rowspan=25000/td td2500/td td4850/td /tr tr tdStylus/td td3000/td td3650/td td4900/td /tr tr tdMyth/td td500/td td650/td td600/td td1200/td /tr tr bgcolor=red tdSubtotal/td td6500/td td7350/td td12500/td td15950/td /tr tr bgcolor=blue tdTotal/td td colspan=4￥423，000.00/td /tr /table /body /html 2. html head title实验三表单/title /head body form table border=1 tr thName/th thValue/th /tr tr tdName/td tdinput type=text name=youername size=20/td /tr tr tdSex/td tdinput type=radio name=sex value=maleMale/br input type=radio name=sex value=female checked=checkedFemale/td /tr tr tdEye color/td tdselect name=eyecolor option selected=selectedgreen/option optionblue/option