专题十 表格布局（1）《网页设计》 45分钟专题训练（山东省）

· 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十 表格布局（1） 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.以下哪个标签用于定义表格的行？（ ） A.  <table>  B.  <tr>  C.  <td>  D.  <th>  2. 在HTML中，表格的边框属性是（ ） A.  border  B.  cellpadding  C.  cellspacing  D.  width  3. 若要设置单元格内容与边框之间的间距，应使用（ ） A.  cellpadding  B.  cellspacing  C.  padding  D.  margin  4. 在Dreamweaver CC中，插入表格的快捷键是（ ） A. Ctrl+Alt+T B. Ctrl+T C. Ctrl+Shift+T D. Ctrl+T 5. 以下关于表格布局的说法，错误的是（ ） A. 适合展示结构化数据 B. 浏览器兼容性较好 C. 代码可读性高 D. 下载速度较慢 6. 若要使表格单元格跨越两行，应使用（ ） A.  colspan  B.  rowspan  C.  rowspan="2"  D.  colspan="2"  7. 在Dreamweaver CC中，设置表格对齐方式应在（ ） A. “属性”面板 B. “代码”视图 C. “插入”菜单 D. “修改”菜单 8. 以下哪个标签用于定义表格的单元格？（ ） A.  <td>  B.  <th>  C.  <tr>  D.  <caption>  9. 若要设置表格单元格之间的间距，应使用（ ） A.  cellpadding  B.  cellspacing  C.  border  D.  width  10. 在HTML中，表格标题应使用（ ）标签 A.  <caption>  B.  <title>  C.  <head>  D.  <h1>  11. 在Dreamweaver CC中，合并单元格的操作是（ ） A. 选中单元格后右键选择“表格”→“合并单元格” B. 直接拖动单元格边框 C. 使用“修改”菜单→“表格”→“合并单元格” D. 无法合并单元格 12. 以下关于表格嵌套的说法，正确的是（ ） A. 表格中只能嵌套一层表格 B. 嵌套表格会影响页面加载速度 C. 嵌套表格的边框无法显示 D. 嵌套表格的单元格不能合并 13. 在HTML中，设置表格宽度为50%应使用（ ） A.  <table width="50%">  B.  <table width="50px">  C.  <table style="width:50%">  D.  <table style="width:50px">  14. 在Dreamweaver CC中，拆分单元格的操作是（ ） A. 选中单元格后右键选择“表格”→“拆分单元格” B. 使用“插入”菜单→“拆分单元格” C. 直接删除单元格 D. 无法拆分单元格 15. 以下关于表格边框的说法，正确的是（ ） A.  border="0" 表示无边框 B. 边框颜色只能通过CSS设置 C. 边框宽度不能为0 D. 边框样式只能是实线 16. 在HTML中，表格的主体部分应使用（ ）标签 A.  <thead>  B.  <tbody>  C.  <tfoot>  D.  <caption>  17. 在Dreamweaver CC中，调整表格行高应在（ ） A. “属性”面板的“高”文本框 B. “代码”视图中修改 C. “插入”菜单→“行高” D. 无法调整行高 18. 若要设置表格的背景颜色，应使用（ ） A.  bgcolor 属性 B.  background-color 属性 C. 两者都可以 D. 两者都不可以 19. 在表格中，填充指的是（ ） A.  单元格间距 B.  单元格边距 C.  行  D.  列 20. 在Dreamweaver CC中，导入外部表格数据应使用（ ） A. “文件”菜单→“导入”→“表格式数据” B. “插入”菜单→“表格” C. “编辑”菜单→“粘贴” D. 无法导入 21. 以下关于表格布局的缺点，错误的是（ ） A. 代码冗余 B. 维护困难 C. 搜索引擎优化差 D. 兼容性差 22. 在HTML中，表格的边框颜色属性是（ ） A.  bordercolor  B.  color  C.  border-style  D.  border-width   23. 在Dreamweaver CC中，设置表格边框颜色应在（ ） A. “属性”面板的“边框颜色”选项 B. “页面属性”对话框 C. “CSS样式”面板 D. 无法设置 24. 使用表格中的插入行命令，新插入的行默认显示在（ ） A.  左边 B.  右边 C.顶部 D.底部 25. 拆分单元格的快捷键（ ） A. ctrl+shift+s B. ctrl+shift+m C. ctrl+alt D. ctrl+shift 二、简答题（共4小题，每题5分，共20分） 1.简述HTML表格常用的标签 2. 简述创建表格的方法 3. 简述选择表格的方法 4. 简述选择单个单元格的方法 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，请帮忙完成下列要求。 （1）利用表格为网页布局，并设置表格背景颜色为蓝色，间距5px，边距2px，居中对齐 （2）在第一行的第一个单元格中插入一个3行4列的表格a，并合并表格a第一行的单元格，合并后插入图片bj.jpg。 2. 请设计一个列车时刻表，要求其为3行3列的表格，表格标题为“列车时刻表”，页面背景为＃000fff，宽500px，高400px，边框为1。 3.请写出如何从扩展表格模式返回标准模式。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $ · 山东省春季高考《网页制作》45分钟专题训练专辑，共16份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有山东省春季高考《图形图像处理》《计算机组装与维护》《数字摄影摄像》《实用美术基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《网页制作》 专题十 表格布局（1） 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共25个题，每题2分，共50分） 1.1. 以下哪个标签用于定义表格的行？（ ） A.  <table>  B.  <tr>  C.  <td>  D.  <th>  【答案】B 【解析】<tr> 标签定义表格的行， <table> 定义表格容器， <td> 定义普通单元格， <th> 定义表头单元格。 2. 在HTML中，表格的边框属性是（ ） A.  border  B.  cellpadding  C.  cellspacing  D.  width  【答案】A 【解析】border 属性用于设置表格边框的宽度， cellpadding 控制单元格内边距， cellspacing 控制单元格间距， width 设置表格宽度。 3. 若要设置单元格内容与边框之间的间距，应使用（ ） A.  cellpadding  B.  cellspacing  C.  padding  D.  margin  【答案】A 【解析】cellpadding 设置单元格内容与边框的间距， cellspacing 设置单元格之间的间距， padding 和 margin 是CSS属性。 4. 在Dreamweaver CC中，插入表格的快捷键是（ ） A. Ctrl+Alt+T B. Ctrl+T C. Ctrl+Shift+T D. Ctrl+T 【答案】A 【解析】在Dreamweaver CC中，插入表格的快捷键是Ctrl+Alt+T。 5. 以下关于表格布局的说法，错误的是（ ） A. 适合展示结构化数据 B. 浏览器兼容性较好 C. 代码可读性高 D. 下载速度较慢 【答案】C 【解析】表格布局的代码可读性较差，尤其是嵌套表格时，代码冗余且维护困难。 6. 若要使表格单元格跨越两行，应使用（ ） A.  colspan  B.  rowspan  C.  rowspan="2"  D.  colspan="2"  【答案】C 【解析】rowspan 属性用于合并行， rowspan="2" 表示单元格跨越两行。 7. 在Dreamweaver CC中，设置表格对齐方式应在（ ） A. “属性”面板 B. “代码”视图 C. “插入”菜单 D. “修改”菜单 【答案】A 【解析】在Dreamweaver CC中，表格的对齐方式（如居中、左对齐）可在“属性”面板中设置。 8. 以下哪个标签用于定义表格的单元格？（ ） A.  <td>  B.  <th>  C.  <tr>  D.  <caption>  【答案】A 【解析】<td> 定义普通单元格。 <th> 标签定义表头单元格，通常位于表格第一行，文本默认加粗并居中 9. 若要设置表格单元格之间的间距，应使用（ ） A.  cellpadding  B.  cellspacing  C.  border  D.  width  【答案】B 【解析】 cellspacing 属性设置单元格之间的间距， cellpadding 设置单元格内边距。 10. 在HTML中，表格标题应使用（ ）标签 A.  <caption>  B.  <title>  C.  <head>  D.  <h1>  【答案】A 【解析】 <caption> 标签用于定义表格标题，默认显示在表格顶部居中位置。 11. 在Dreamweaver CC中，合并单元格的操作是（ ） A. 选中单元格后右键选择“表格”→“合并单元格” B. 直接拖动单元格边框 C. 使用“修改”菜单→“表格”→“合并单元格” D. 无法合并单元格 【答案】A 【解析】在Dreamweaver CC中，合并单元格需选中单元格后右键选择“表格”→“合并单元格”。 12. 以下关于表格嵌套的说法，正确的是（ ） A. 表格中只能嵌套一层表格 B. 嵌套表格会影响页面加载速度 C. 嵌套表格的边框无法显示 D. 嵌套表格的单元格不能合并 【答案】B 【解析】嵌套表格会增加代码复杂度，影响页面加载速度，尤其在数据量较大时。 13. 在HTML中，设置表格宽度为50%应使用（ ） A.  <table width="50%">  B.  <table width="50px">  C.  <table style="width:50%">  D.  <table style="width:50px">  【答案】C 【解析】HTML中设置表格宽度为百分比应使用 <table style="width:50%"> ，或通过CSS样式控制。 14. 在Dreamweaver CC中，拆分单元格的操作是（ ） A. 选中单元格后右键选择“表格”→“拆分单元格” B. 使用“插入”菜单→“拆分单元格” C. 直接删除单元格 D. 无法拆分单元格 【答案】A 【解析】拆分单元格的操作是选中单元格后右键选择“表格”→“拆分单元格”。 15. 以下关于表格边框的说法，正确的是（ ） A.  border="0" 表示无边框 B. 边框颜色只能通过CSS设置 C. 边框宽度不能为0 D. 边框样式只能是实线 【答案】A 【解析】border="0" 表示无边框，边框颜色可通过 bordercolor 属性或CSS设置。 16. 在HTML中，表格的主体部分应使用（ ）标签 A.  <thead>  B.  <tbody>  C.  <tfoot>  D.  <caption>  【答案】B 【解析】表格的主体部分使用 <tbody> 标签， <thead> 定义表头， <tfoot> 定义表脚。 17. 在Dreamweaver CC中，调整表格行高应在（ ） A. “属性”面板的“高”文本框 B. “代码”视图中修改 C. “插入”菜单→“行高” D. 无法调整行高 【答案】A 【解析】在Dreamweaver CC中，调整表格行高可在“属性”面板的“高”文本框中输入数值。 18. 若要设置表格的背景颜色，应使用（ ） A.  bgcolor 属性 B.  background-color 属性 C. 两者都可以 D. 两者都不可以 【答案】C 【解析】表格背景颜色可通过 bgcolor 属性（HTML）或 background-color （CSS）设置 19. 在表格中，填充指的是（ ） A.  单元格间距 B.  单元格边距 C.  行  D.  列 【答案】B 【解析】单元格边距，又叫填充，是单元格内容与单元格边框的距离 20. 在Dreamweaver CC中，导入外部表格数据应使用（ ） A. “文件”菜单→“导入”→“表格式数据” B. “插入”菜单→“表格” C. “编辑”菜单→“粘贴” D. 无法导入 【答案】A 【解析】在Dreamweaver CC中，导入外部表格数据应使用“文件”菜单→“导入”→“表格式数据”。 21. 以下关于表格布局的缺点，错误的是（ ） A. 代码冗余 B. 维护困难 C. 搜索引擎优化差 D. 兼容性差 【答案】D 【解析】表格布局的浏览器兼容性较好，但代码冗余、维护困难且不利于搜索引擎优化。 22. 在HTML中，表格的边框颜色属性是（ ） A.  bordercolor  B.  color  C.  border-style  D.  border-width  【答案】A 【解析】bordercolor 属性设置表格边框颜色， color 设置文本颜色， border-style 设置边框样式。 23. 在Dreamweaver CC中，设置表格边框颜色应在（ ） A. “属性”面板的“边框颜色”选项 B. “页面属性”对话框 C. “CSS样式”面板 D. 无法设置 【答案】A 【解析】在Dreamweaver CC中，表格边框颜色可在“属性”面板的“边框颜色”选项中直接设置。 24. 使用表格中的插入行命令，新插入的行默认显示在（ ） A.  左边 B.  右边 C.顶部 D.底部 【答案】C 【解析】表格➡插入行（插入列）命令，可在所选行的上方插入一行或所选列的左方插入一列 25. 拆分单元格的快捷键（ ） A. ctrl+shift+s B. ctrl+shift+m C. ctrl+alt D. ctrl+shift 【答案】A 【解析】合并ctrl+shift+M，拆分ctrl+shift+S。 二、简答题（共4小题，每题5分，共20分） 1.简述HTML表格常用的标签 【答案】见解析 【解析】HTML表格是网页设计中用于展示数据和信息的重要元素。在HTML中，创建表格主要使用以下标签： 1. <table>：这是创建表格的基本标签，它定义了表格的开始和结束。 2. <tr>：代表“table row”，用于定义表格中的一行。 3. <td>：代表“table data”，用于定义行中的一个单元格。 2. 简述创建表格的方法 【答案】见解析 【解析】在“文档”窗口中，将光标定位到要插入表格的位置，执行以下操作之一，打开“表格”对话框， ◉选择菜单“插入→表格（table）”命令。 ◉单击“插入”面板“html”标签中的“表格（table）”按钮 。 ◉按【Ctrl+Alt+T】组合键。 设置表格的行数、列数、宽度和边框等属性后，单击“确定”按钮，即可创建一个表格。 3. 简述选择表格的方法 【答案】见解析 【解析】①单击表格的边框线。 ②标签选择器中单击<table> ③将鼠标指针移到表格的左上角，或边框线附近的敏感区域，当鼠标指针的右下角出现表格的缩略图时，如左图所示，单击鼠标左键 ④选择“修改→表格→选择表格”命令 ⑤将光标定位到表格中，在“表格标题”菜单中选择“选择表格”命令 ⑥光标定位表格中，按两次Ctrl+A快捷键 4. 简述选择单个单元格的方法 【答案】见解析 【解析】选择单个单元格：按住Ctrl键在单元格内单击 将光标定位到单元格内，单击标签选择器上的<td> 将光标定位到单元格内，按Ctrl+A快捷键 3、 案例分析题（共3小题，每题10分，共30分） 1.李华正在装饰个人网页，请帮忙完成下列要求。 （1）利用表格为网页布局，并设置表格背景颜色为蓝色，间距5px，边距2px，居中对齐 【答案】见解析 【解析】 ①将光标定位到需要插入表格的位置，点击"插入"面板中的"表格"按钮（或按Ctrl+Alt+T）。 ②在弹出的"表格"对话框中：设置所需的行数和列数， 点击"确定"插入表格 ③选中整个表格，在"属性"面板中：对齐方式选择"居中对齐"，背景颜色选择"蓝色"，单元格间距设置为"5"，单元格边距设置为"2"。保存文档并在浏览器中预览效果。 （2）在第一行的第一个单元格中插入一个3行4列的表格a，并合并表格a第一行的单元格，合并后插入图片bj.jpg。 【答案】见解析 【解析】 ①将光标定位到第一行的第一个单元格中，点击"插入"面板中的"表格"按钮（或按Ctrl+Alt+T）。 ②在弹出的"表格"对话框中：设置行数为3，列数为4，点击"确定"插入表格a。 ③选中表格a的第一行所有单元格，右键选择"表格"→"合并单元格"。 ④将光标定位到合并后的单元格中，点击"插入"→"图像"，选择图片bj.jpg并插入。 2. 请设计一个列车时刻表，要求其为3行3列的表格，表格标题为“列车时刻表”，页面背景为＃000fff，宽500px，高400px，边框为1。 【答案】见解析 【解析】 ①打开Dreamweaver CC软件，新建一个HTML文档。在文档中，将光标定位到合适位置，点击"插入"面板中的"表格"按钮（或按Ctrl + Alt + T），在弹出的"表格"对话框里，设置行数为3，列数为3，表格宽度为500px，边框粗细为1，点击"确定"插入表格。 ②选中刚插入的表格，在"属性"面板中找到"标题"输入框，输入“列车时刻表”。接着在"属性"面板里，找到背景颜色设置选项，将页面背景颜色设置为＃000fff，同时设置表格高度为400px。最后在表格相应单元格中依次输入列车出发时间、到达时间、站点等信息，保存文档并在浏览器中预览效果。 3.请写出如何从扩展表格模式返回标准模式。 【答案】见解析 【解析】 在Dreamweaver CC中，若当前处于扩展表格模式，想要返回标准模式，可点击菜单栏中的“查看”选项，在弹出的下拉菜单里找到“表格模式”，随后选择“标准模式”即可完成切换。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $