HTML与CSS网页设计：表格与列表

2023-10-19 理论教育版权反馈

【摘要】：视频教学资源学校目标理解表格的结构掌握表格相关的标签掌握单元格合并理解列表的分类掌握两种列表及列表项目的标签本章单词请在预习前完成下列单词的学习，将其写在横线上。A.width cellspacingB.cellspacing widthC.cellspacing cellpaddingD.cellpadding cellspaing2.使用（）标签为表格创建标题，使用（）标签代替标签可以创建标题单元格。表格8.创建网页，使用表格存储你所在班级的学生成绩表，包含学号、姓名、语文、数学和外语等信息。学生成绩表9.在网页中使用有序列表显示水果名称，如下图所示。

视频教学资源

学校目标

理解表格的结构

掌握表格相关的标签

掌握单元格合并

理解列表的分类

掌握两种列表及列表项目的标签

本章单词

请在预习前完成下列单词的学习，将其写在横线上。

① table（['teɪbl] 表格，目录）_______________________________________

② border（['bɔ：də（r）] 边，边界，边框）_________________________________

③ caption（['kæpʃn] 解说词，标题）___________________________________

④ cell（[sel] 细胞，组成单元）_______________________________________

⑤ width（[wɪdθ] 宽度）_______________________________________________

⑥ align（[əˈlaɪn] 对齐）____________________________________________

⑦ vertical（[ˈvɜ：tɪkl] 垂直的）______________________________________

⑧ row（[rəʊ] 排，行）________________________________________________

⑨ column（[ˈkɔləm] 柱，列）__________________________________________

⑩ item（['aɪtəm] 一个物品，一个条款，条目，项目）_______________________

预习任务

1.为表格设置（　）属性可以控制表格中相邻单元格的间距，设置（　）属性可以控制表格中单元格的内容与其边界的间隙。（选择一项）

A.width cellspacing

B.cellspacing width

C.cellspacing cellpadding

D.cellpadding cellspaing

2.使用（　）标签为表格创建标题，使用（　）标签代替<td></td>标签可以创建标题单元格。（选择一项）

A.<th></th> <caption></caption>(www.chuimin.cn)

B.<caption></caption> <tr></tr>

C.<title></title> <th></th>

D.<caption></caption> <th></th>

3.为单元格标签设置（　）属性可实现跨行合并，设置（　）属性可实现跨列合并。（选择一项）

A.rowCells colCells

B.cellRow cellCol

C.rows cols

D.rowspan colspan

4.要显示乘314 路公交车从汽车西站到五一广场途中经过的公交站点，并在每个公交站点名称前用数字表示途经的先后顺序，应使用（　）标签和它内部的（　）标签。（选择一项）

A.<li></li> <list></list>

B.<list></list> <item></item>

C.<ul></ul> <li></li>

D.<ol></ol> <li></li>

5.<ul></ul>标签显示时，它内部的列表项目前面默认显示的符号是（　）。（选择一项）

A.阿拉伯数字

B.英文字母

C.实心圆点

D.空心圆圈

6.在网页中显示一个一行两列的表格，如下图所示。（参考本章例2.2）

一行两列的表格

7.在网页中显示一个三行三列的表格，标题为“学员信息”，如下图所示。（参考本章例2.3）

表格

8.创建网页，使用表格存储你所在班级的学生成绩表，包含学号、姓名、语文、数学和外语等信息。（参考本章例2.3）

学生成绩表

9.在网页中使用有序列表显示水果名称，如下图所示。（参考本章例2.6）

有序列表

HTML与CSS网页设计：表格与列表

相关推荐