实验三_HTML表格与HTML表单参考模板_第1页
实验三_HTML表格与HTML表单参考模板_第2页
实验三_HTML表格与HTML表单参考模板_第3页
实验三_HTML表格与HTML表单参考模板_第4页
实验三_HTML表格与HTML表单参考模板_第5页
已阅读5页，还剩4页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

1、淮海工学院计算工程学院实验报告书课程名： Web应用开发技术 题 目： HTML表格与HTML表单 班 级： 学 号： 姓 名： 评语：成绩： 指导教师： 批阅时间： 年 月 日1 / 9HTML表格与HTML表单一 实验目的l 掌握网页中插入表格数据的标记的用法。l 掌握不规则表格的创建方法l 掌握表格外观控制属性的应用l 掌握HTML表单的作用、HTML表单的两种提交方法及各自的使用场合；掌握不同类型表单元素的使用方法；二 实验内容和要求实验内容：1.创建网页文件sales.html，网页的标题为“ACME公司2014年销售输入”，使用合适的表格标记及属性显示ACME公司2013的4种产品

2、4个季度的销售额。显示效果如下（单元格数据为随机值，可以使用font等标记设置颜色等外观样式）：产品/季度一季度二季度三季度四季度Sass1000120080003000LESS500025004850Stylus300036504900Myth5006506001200SubTotal650073501250015950Total￥423，000.002. 创建如下图所示的表单：实验要求：1.所有参与实验同学独立完成“实验内容”部分，并记录实验步骤和结果填写在“实验步骤”、“实验结果”相应部分；2.所有参与实验同学均需参阅资料，完成实验报告“思考题”部分内容。特别提示：若实验报告出现雷同情况

3、，所涉及同学均无相应成绩；三 实验步骤实验代码：1.<html><head><title>ACME公司2014年销售输入</title></head><body><table border="1" bordercolor="red" ><tr><th>产品/季度</th><th>第一季度</th><th>第二季度</th><th>第三季度</th><th>

4、;第四季度</th></tr><tr><td>Sass</td><td>1000</td><td>1200</td><td rowspan="2">8000</td><td>3000</td></tr><tr><td>Less</td><td rowspan="2">5000</td><td>2500</td&g

5、t;<td>4850</td></tr><tr><td>Stylus</td><td>3000</td><td>3650</td><td>4900</td></tr><tr><td>Myth</td><td>500</td><td>650</td><td>600</td><td>1200</td></tr

6、><tr bgcolor="red"><td>Subtotal</td><td>6500</td><td>7350</td><td>12500</td><td>15950</td></tr><tr bgcolor="blue"><td>Total</td><td colspan="4">￥423，000.00</td></

7、tr></table></body></html>2.<html><head><title>实验三表单</title></head><body><form><table border="1"><tr><th>Name</th><th>Value</th></tr><tr><td>Name</td><td><inpu

8、t type="text" name="youername" size="20"></td></tr><tr><td>Sex</td><td><input type="radio" name="sex" value="male">Male</br> <input type="radio" name="sex" value=&quo

9、t;female" checked="checked">Female</td></tr><tr><td>Eye color</td><td><select name="eyecolor"> <option selected="selected">green</option> <option>blue</option> <option>yellow</option>&

10、lt;/td></tr><tr><td>Check all that apply</td><td><input type="checkbox" name="check" value="1">Over 5 feet tall</br> <input type="checkbox" name="check" value="3">Over 200 pounds</td>

11、</tr><tr><td colspan="2">Describe your athletic ability:</br> <textarea name="ability" rows="7" cols="47"></textarea> </td></tr><tr> <td colspan="2" align="center"><input type=&

12、quot;submit" value="Enter my information"></td></tr></table></form></body></html>四 实验结果五 思考题1.使用HTML表格标记创建个人课程表，如下图所示：<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title

13、>课程表</title></head><body><table border="1"> <tr height="10" align="center"> <th width="175"></th> <th width="175">周一</th> <th width="175">周二</th> <th width="175&qu

14、ot;>周三</th> <th width="175">周四</th> <th width="175">周五</th> <th width="175">周六</th> <th width="175">周日</th> </tr> <tr align="center"> <td>7:45<br/>1</td> <td>

15、;</td> <td rowspan="2">计算机组成原理216</td> <td></td> <td></td> <td rowspan="2">计算机组成原理214</td> <td></td> <td></td> </tr> <tr align="center"> <td>8:35<br/>2</td> <t

16、d></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <td>9:30<br/>3</td> <td rowspan="3">web应用开发技术计105</td> <td></td> <td rowspan="2"&g

17、t;数据库原理及应用204</td> <td rowspan="2">网球俱乐部主操场</td> <td rowspan="2">数据库原理及应用204</td> <td></td> <td></td> </tr> <tr align="center"> <td>10:25<br/>4</td> <td></td> <td></

18、td> <td></td> </tr> <tr align="center"> <td>11:15<br/>5</td> <td></td> <td></td> <td></td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <

19、td>14:00<br/>6</td> <td rowspan="2">计算机网络-204</td> <td rowspan="3">马克思主义基本理论概论</td> <td></td> <td rowspan="2">计算机网络-204</td> <td rowspan="2">大学英语（四）N103</td> <td></td> <td></td> </tr> <tr align="center"> <td>14:50<br/>7</td> <td></td> <td></td> <td></td> </tr> <tr align="center"> <td>15:45<br/>8</td> <td&g

人人文库> 全部分类> 专业文献 > 通信电子

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论