没有合适的资源?快使用搜索试试~ 我知道了~
实验三HTML表格与HTML表单优质资料.doc
1 下载量 194 浏览量
2022-12-02
22:31:59
上传
评论 1
收藏 1.56MB DOC 举报
温馨提示
试读
79页
实验三HTML表格与HTML表单优质资料.doc
资源推荐
资源详情
资源评论
实验三 HTML 表格与 HTML
表单优质资料
(可以直接使用,可编辑 优质资料,欢迎下载)
淮海工学院计算工程学院
实 验 报 告 书
课 程 名 : Web 应用开发技术
题 目: HTML 表格与 HTML 表单
班 级:
学 号:
姓 名:
评语:
成绩: 指导教师:
批阅时间: 年 月 日
HTML 表格与 HTML 表单
一 实验目的
掌握网页中插入表格数据的标记的用法。
掌握不规则表格的创建方法
掌握表格外观控制属性的应用
掌握 HTML 表单的作用、HTML 表单的两种提交方法及各自的使用场合;
掌握不同类型表单元素的使用方法;二 实验内容和要求
实验内容:
1.创建网页文件 sales.html,网页的标题为“ACME 公司 2021 年销售输入”,使用合适的表格标记及
属性显示 ACME 公司 2021 的 4 种产品 4 个季度的销售额。显示效果如下(单元格数据为随机值,
可以使用 font 等标记设置颜色等外观样式):
产品/季度
一季度
二季度
三季度
四季度
Sass
1000
1200
3000
LESS
2500
8000
4850
Stylus
5000
3000
3650
4900
Myth
500
650
600
1200
SubTotal
6500
7350
12500
15950
Total
¥
423
,
000.00
2. 创建如下图所示的表单:
实验要求:
1.所有参与实验同学独立完成“实验内容”部分,并记录实验步骤和结果填写在“实验步骤”、“实
验结果”相应部分;
2.所有参与实验同学均需参阅资料,完成实验报告“思考题”部分内容。
特别提示:若实验报告出现雷同情况,所涉及同学均无相应成绩;
三 实验步骤
实验代码:
1.
<html>
<head>
<title>ACME 公司 2021 年销售输入</title>
</head>
<body>
<table border="1" bordercolor="red" >
<tr>
<th>产品/季度</th>
<th>第一季度</th>
<th>第二季度</th>
<th>第三季度</th>
<th>第四季度</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>
<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>
<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>
</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><input 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="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></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>
</tr>
<tr>
<td colspan="2">Describe your athletic ability:</br>
<textarea name="ability" rows="7" cols="47"></textarea>
</td>
</tr>
剩余78页未读,继续阅读
资源评论
matlab大师
- 粉丝: 2375
- 资源: 9万+
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功