第4卷 表格布局页面（1） 山东省对口考试-数字媒体类《网页制作》考点双析卷

编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第4卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（1）掌握表格的创建、编辑等基本操作。（2）掌握使用表格布局页面的方法与技巧。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第4卷 表格布局页面（1） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．下列关于选中表格的操作中，不正确的是（   ） A．将光标定位于表格的某一个单元格中，单击窗口底部标签选择器中与该表格对应的＜tab1e＞标签，即可选中该表格 B．将光标移至表格边框，当指针变成双向箭头时，单击鼠标左键即可选中该表格 C．将光标移至表格外部靠近表格，当指针变为表格和箭头的组合形状时，单击鼠标左键即可选中该表格 D．按Ctrl＋A组合键即可选中表格 【答案】D 【详解】如果光标位于表格内部，按 Ctrl+A 第一次会选中当前单元格，第二次会选中整个表格。 2．以下关于表格的操作不正确的是（   ） A．定位单元格，右击弹出的快捷菜单中选择插入单元格，可增加单元格数量 B．定位单元格，“插入”菜单，“表格对象”选项中选择“在上面插入行”可以实现增加行操作 C．定位单元格，“修改”菜单，“表格”选项中选择“插入行”只能实现增加一行操作 D．选中表格，属性面板，在“行”选项后的文本框中修改数字大小可以实现增加/删除行操作 【答案】A 【详解】Dreamweaver 的右键快捷菜单中没有直接“插入单元格”选项。增加单元格需要通过插入行/列或拆分单元格实现。 3．如图所示，在不使用CSS的情况下，要使两个表格实现水平方向排列，则为表格添加代码正确的是（   ） A．只需表格1<table>标记添加属性align＝”left” B．只需表格2<table>标记添加属性align＝”left” C．表格1和表格2<table>标记都需要添加属性align＝”center” D．表格1和表格2<table>标记都需要添加属性align＝”center” 【答案】A 【详解】选项A：仅表格1添加align="left"，使表格1向左浮动，表格2因默认对齐逻辑（或隐含浮动）可与表格1水平排列，符合预览效果； 选项B：仅表格2添加align="left"，仅表格2浮动，表格1未浮动则无法水平排列，不符合； 选项C、D：align="center" 是“居中对齐”逻辑，非“水平排列”需求，不符合。   因此，正确答案为A。 4．在Dreamweaver CS6中插入表格时，出现了如图所示的“表格”对话框，下列描述不正确的是（   ） A．当前将插入一个3行3列、边框粗细为1，宽度为600像素的表格 B．该表格的单元格边距为1，单元格间距为2 C．当前插入的表格未设置表头单元格 D．在HTML中，该表格的标题代码应为<caption>景点简介</caption> 【答案】B 【详解】A：正确。对话框明确显示：行=3、列=3、宽度=600像素，且边框粗细字段为1（默认值）。 B：错误。图中显示：单元格边距：输入框为空（默认值通常为0，非1）。单元格间距：输入框为空（默认值通常为0，非2）。 C：正确。“标题”选项中未勾选“左/顶部/两者”，因此未设置表头。 D：正确。辅助功能的“标题”字段输入“景点简介”，对应HTML的<caption>标签。 5．下列关于DreamweaverCS6的表格对话框的叙述中，不正确的是（   ） A．边框粗细：用于设置表格的宽度，以像素或百分比为单位 B．在辅助功能里的标题可以设置表格的标题 C．单元格边距：用于设置单元格边框与单元格内容之间的距离 D．单元格间距：用于设置相邻单元格之间的距离 【答案】A 【详解】边框粗细‌：用于设置表格边框的宽度（单位：像素），而非表格整体宽度 辅助功能标题‌：正确，可为表格添加标题文字 单元格边距‌：正确，控制内容与单元格边框的距离 单元格间距‌：正确，定义相邻单元格间的空隙 6．在DreamweaverCS6中，不能选中整张表格的方法是（   ） A．光标定位于一个单元格，右击选择“表格”下的“选择表格” B．光标定于表格的外部，单击标签选择器的<table>标签 C．从外部靠近表格，指针变为表格和箭头的组合形状时，单击鼠标左键 D．光标定位于一个单元格，单击“修改”菜单→“表格”→选择表格 【答案】B 【详解】“光标定于表格的外部，单击标签选择器的标签”这个方法的问题在于，如果光标已经在表格外部，标签选择器中的标签可能不会显示或无法正确选中表格。通常，标签选择器需要在光标位于表格内部时才能正确显示表格相关的标签。 7．在Dreamweaver CS6中,下列关于表格的描述,正确的是（   ） A．设置单元格内容到边框的距离时,用到间距属性 B．设置单元格内容到边框的距离时,用到填充属性 C．合并表格的若干列,代码标记是rowspan D．合并表格的若干行,代码标记是colspan 【答案】B 【详解】在Dreamweaver CS6中，设置单元格内容到边框的距离应使用"填充"属性，而非"间距"；合并行的代码标记是rowspan，合并列的代码标记是colspan，选项C和D表述相反。 8．如图所示为某对象的属性面板，关于方框所框的两个选项按钮，下列描述中正确的是（   ） A．选中了表格的多个不连续的单元格 B．选中了表格的多个连续的单元格 C．只选中了表格的一个单元格 D．选中了表格中的某一行单元格 【答案】A 【详解】由属性面板可知，选中了表格的多个不连续的单元格 9．设置一个单元格占两行三列，红色背景的代码是（   ） A．<td colspan＝2 rowspan＝3 bgcolor＝”red”> B．<td rowspan＝2 colspan＝3 bgcolor＝”red”> C．<td rowspan＝2 colspan＝3 background＝”red”> D．<td rowspan＝2 colspan＝3 backcolor＝”red”> 【答案】B 【详解】rowspan="2"‌：表示单元格垂直合并2行。 colspan="3"‌：表示单元格水平合并3列。 bgcolor="red"‌：设置单元格背景为红色（background或backcolor为错误属性） 因此选B，<td rowspan＝2 colspan＝3 bgcolor＝”red”> 10．在单元格属性面板中，不能设置的属性是（   ） A．不换行 B．标题 C．边框 D．水平 【答案】C 【详解】边框是不能在单元格属性面板中单独设置的属性，它属于表格整体样式控制范围。单元格本身没有独立的边框属性，边框是通过表格或 CSS 统一控制的。 11．在DreamweaverCS6用表格布局网页，表格属性面板如图所示，下列说法中不正确的是（   ） A．该表格为3行1列，表格ID号为“t1”，可通过其ID来定义表格的CSS样式 B．对表格输入的内容已应用了类“.zt”CSS样式 C．布局网页的表格填充、间距、边框值应为0，表格在网页中默认为居中对齐 D．单击该面板黑框所圈的按钮，可将表格宽度由当前像素大小转为百分比 【答案】C 【详解】表格默认对齐方式为左对齐（需手动设置居中对齐）。 12．在 Dreamweaver CS6中，下列关于表格的说法，错误的是（   ） A．“插入”菜单→“表格”，在弹出的“表格”对话框中可以设置行、列、表格宽度、边框粗细及对齐方式 B．在表格的属性面板中可以通过“填充”设置边距 C．将光标定位于表格中某一个单元格中，单击窗口底部标签选择器中与该表格对应的<table>标签，即可选中该表格 D．表格属性面板中不能设置背景颜色 【答案】D 【详解】表格属性面板支持直接设置背景颜色，也可通过 CSS 设置。 13．分析下面的HTML代码片段，说法正确的是（   ） <table width＝163 border＝10> 　<tr> <td colspan＝2 align＝”center”>姓名</td></tr> 　<tr> <td rowspan＝2  align＝”center”>成绩</td> <td align＝”center”>语文</td> 　</tr> 　<tr><td align＝”center”>数学</td></tr> </table> A．该表格共有2行3列 B．该表格的边框宽度为10毫米 C．“成绩”单元格跨2行 D．“姓名”单元格跨2行 【答案】C 【详解】A：错误。实际结构为3行2列 B：错误。border="10" 表示10像素，HTML中默认单位是像素而非毫米。 C：正确。rowspan="2" 使该单元格纵向合并2行。 D：错误。应为跨2列（colspan="2"），而非跨行。 14．如图所示，A、B、C指定含义均正确的是（   ） A．A指间距，B指边距，C指边框 B．A指边框，B指边距，C指间距 C．A指间距，B指边框，C指边距 D．A指边框，B指间距，C指边距 【答案】C 【详解】在表格布局相关概念中，间距通常指的是单元格之间的距离，边框是单元格边缘的线条，边距一般是单元格内容与边框之间的距离。 观察题目中的图示，A所指的位置在两个单元格之间，符合间距的定义；B指向单元格的边缘线条，这对应边框；C位于单元格内部内容与边缘之间，属于边距。综合判断，A指间距，B指边框，C指边距，所以正确选项为C。 15．在Dreamweaver CS6中，通过单元格属性面板，可以实现（   ） A．设置单元格之间的间距 B．设置单元格的背景颜色 C．设置文字到单元格边框之间的距离 D．设置单元格边框的大小 【答案】B 【详解】选项A‌：单元格之间的间距需通过表格属性面板设置，而非单元格属性面板。 选项B‌：背景颜色可直接在单元格属性面板中调整，是面板支持的功能。 选项C‌：文字到边框的距离需通过表格属性面板设置，单元格属性面板不支持。 选项D‌：边框大小需通过表格属性面板调整，单元格属性面板无法直接修改。   综上，‌仅背景颜色‌可通过单元格属性面板设置。 16．在表格中，按住键 可以选择两个单元格之间的连续区域。（   ） A．ctrl B．shift C．alt D．tab 【答案】B 17．在DreamWeaver CS6中插入表格后，表格属性面板中不可以设置（   ） A．背景颜色 B．宽度 C．边框颜色 D．高度 【答案】D 18．在DreamWeaver CS6中插入表格的默认对齐方式为（   ） A．左对齐 B．右对齐 C．居中对齐 D．两端对齐 【答案】A 19．在没有明确指定单元格间距时，大多数浏览器默认的单元格间距为（   ） A．1 B．2 C．3 D．4 【答案】B 20．在DreamWeaver CS6中插入表格时，打开的表格对话框中“单元格边距”与表格属性面板中的 属性作用是一样的。（   ） A．填充 B．间距 C．边框 D．宽度 【答案】A 二、简答题（本大题共5小题，每题8分，共40分） 21．简述熟练使用表格嵌套。 【答案】也就是说，在一个表格中再插入另一个表格。举个例子，把要设 计的页面分成几个较大的部分，然后利用表格的行数和列数来控制它们的布局，如果某一个单 元格中的内容又要分成几部分，则可以继续在这个单元格中插入表格，方法同上。表格嵌套的 层次尽量不要太多。 22．简述表格单元格之间互相干扰引起的变形。 【答案】这种变形情况通常是因为在工具中制作主页时没有空隙，而在浏览时却发现多出了一些空 隙，解决办法一是先看表格设置有没有上面所介绍的两种情况，如没有，可能是在划分表格时， 同一行的单元格之间相互牵制出现了问题。同一行的表格单元在诸如Dreamweaver 或Frontpage 中经常频繁地被拆分，所以，同一行的单元格与另一个单元格的宽与高不一致，当改变相邻单 元格的高或宽或个数时。图中所指的单元格也会发生相应的变化，相互制约，调整起来很麻烦。 所以如果表格比较复杂，最奶采取嵌套表格的形式一这样一可队减少乙毕单元格之间相互干扰 的情况出现，而使单兄格之间柏对独过。 23．简述如何选择行？ 【答案】直接用鼠标拖动选中该行中的所有单元格。将光标定位到要选择行的某个单元格中,在标签选择器中单击<tr>标签。将鼠标指向要选择行的左边缘,当鼠标指针变为右箭头“→”时,单击鼠标左键。 24．简述创建表格时,表格宽度单位包括哪两种?有什么区别? 【答案】表格宽度:单位包括像素和百分比。 区别:当单位为像素时,表格的宽度是一个绝对值;当单位采用百分比时,表格的宽度则为一个相对值,大小会随父元素的改变而改变。 边框粗细:以像素为单位。若浏览时不显示表格边框,则将其设置为0。 25．假设你要在 Dreamweaver CS5 中创建一个课程表网页，使用表格来布局。请描述具体的操作过程。 【答案】创建表格：打开 Dreamweaver CS5 软件，新建一个 HTML 网页文档。将光标定位在文档中需要插入表格的位置。点击 “插入” 菜单，选择 “表格” 选项。在弹出的 “表格” 对话框中，设置 “行数” 为 7（假设一周五天课程，加上表头和表尾两行），“列数” 为 6（假设一天六节课，加上课程时间列）设置 “表格宽度” 为 80%（使表格在页面中自适应宽度），“边框粗细” 为 1（便于区分表格和单元格），“单元格边距” 为 5（使单元格内容与边框有一定间距），“单元格间距” 为 0（让单元格紧密相连）设置完成后，点击 “确定” 按钮，创建出一个初步的表格。编辑表格内容：双击表格的第一行第一个单元格，输入 “课程时间”。然后依次在该行其他单元格中输入 “周一”“周二”“周三”“周四”“周五”。在第二行第一个单元格中输入 “第一节”，并按照课程安排在对应的单元格中依次输入课程名称，如 “语文”“数学” 等。以此类推，完成整个课程表内容的填充。调整表格样式：选中整个表格，在属性面板中设置 “对齐” 为 “居中对齐”，使表格在页面中居中显示。可以为表格添加背景颜色，选中表格，在属性面板中找到 “背景颜色” 选项，选择一个淡蓝色（如 #ADD8E6），使表格看起来更美观。对于表头所在的第一行，可以单独设置其背景颜色为浅蓝色（如 #B0E0E6），字体加粗，使其与其他行区分开。选中第一行所有单元格，在属性面板中设置 “背景颜色”，并点击 “B” 按钮加粗字体。保存网页：点击 “文件” 菜单，选择 “保存”，将网页保存到合适的位置，命名为 “course_schedule.html”。 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $ 编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第4卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（1）掌握表格的创建、编辑等基本操作。（2）掌握使用表格布局页面的方法与技巧。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第4卷 表格布局页面（1） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．下列关于选中表格的操作中，不正确的是（   ） A．将光标定位于表格的某一个单元格中，单击窗口底部标签选择器中与该表格对应的＜tab1e＞标签，即可选中该表格 B．将光标移至表格边框，当指针变成双向箭头时，单击鼠标左键即可选中该表格 C．将光标移至表格外部靠近表格，当指针变为表格和箭头的组合形状时，单击鼠标左键即可选中该表格 D．按Ctrl＋A组合键即可选中表格 2．以下关于表格的操作不正确的是（   ） A．定位单元格，右击弹出的快捷菜单中选择插入单元格，可增加单元格数量 B．定位单元格，“插入”菜单，“表格对象”选项中选择“在上面插入行”可以实现增加行操作 C．定位单元格，“修改”菜单，“表格”选项中选择“插入行”只能实现增加一行操作 D．选中表格，属性面板，在“行”选项后的文本框中修改数字大小可以实现增加/删除行操作 3．如图所示，在不使用CSS的情况下，要使两个表格实现水平方向排列，则为表格添加代码正确的是（   ） A．只需表格1<table>标记添加属性align＝”left” B．只需表格2<table>标记添加属性align＝”left” C．表格1和表格2<table>标记都需要添加属性align＝”center” D．表格1和表格2<table>标记都需要添加属性align＝”center” 4．在Dreamweaver CS6中插入表格时，出现了如图所示的“表格”对话框，下列描述不正确的是（   ） A．当前将插入一个3行3列、边框粗细为1，宽度为600像素的表格 B．该表格的单元格边距为1，单元格间距为2 C．当前插入的表格未设置表头单元格 D．在HTML中，该表格的标题代码应为<caption>景点简介</caption> 5．下列关于DreamweaverCS6的表格对话框的叙述中，不正确的是（   ） A．边框粗细：用于设置表格的宽度，以像素或百分比为单位 B．在辅助功能里的标题可以设置表格的标题 C．单元格边距：用于设置单元格边框与单元格内容之间的距离 D．单元格间距：用于设置相邻单元格之间的距离 6．在DreamweaverCS6中，不能选中整张表格的方法是（   ） A．光标定位于一个单元格，右击选择“表格”下的“选择表格” B．光标定于表格的外部，单击标签选择器的<table>标签 C．从外部靠近表格，指针变为表格和箭头的组合形状时，单击鼠标左键 D．光标定位于一个单元格，单击“修改”菜单→“表格”→选择表格 7．在Dreamweaver CS6中,下列关于表格的描述,正确的是（   ） A．设置单元格内容到边框的距离时,用到间距属性 B．设置单元格内容到边框的距离时,用到填充属性 C．合并表格的若干列,代码标记是rowspan D．合并表格的若干行,代码标记是colspan 8．如图所示为某对象的属性面板，关于方框所框的两个选项按钮，下列描述中正确的是（   ） A．选中了表格的多个不连续的单元格 B．选中了表格的多个连续的单元格 C．只选中了表格的一个单元格 D．选中了表格中的某一行单元格 9．设置一个单元格占两行三列，红色背景的代码是（   ） A．<td colspan＝2 rowspan＝3 bgcolor＝”red”> B．<td rowspan＝2 colspan＝3 bgcolor＝”red”> C．<td rowspan＝2 colspan＝3 background＝”red”> D．<td rowspan＝2 colspan＝3 backcolor＝”red”> 10．在单元格属性面板中，不能设置的属性是（   ） A．不换行 B．标题 C．边框 D．水平 11．在DreamweaverCS6用表格布局网页，表格属性面板如图所示，下列说法中不正确的是（   ） A．该表格为3行1列，表格ID号为“t1”，可通过其ID来定义表格的CSS样式 B．对表格输入的内容已应用了类“.zt”CSS样式 C．布局网页的表格填充、间距、边框值应为0，表格在网页中默认为居中对齐 D．单击该面板黑框所圈的按钮，可将表格宽度由当前像素大小转为百分比 12．在 Dreamweaver CS6中，下列关于表格的说法，错误的是（   ） A．“插入”菜单→“表格”，在弹出的“表格”对话框中可以设置行、列、表格宽度、边框粗细及对齐方式 B．在表格的属性面板中可以通过“填充”设置边距 C．将光标定位于表格中某一个单元格中，单击窗口底部标签选择器中与该表格对应的<table>标签，即可选中该表格 D．表格属性面板中不能设置背景颜色 13．分析下面的HTML代码片段，说法正确的是（   ） <table width＝163 border＝10> 　<tr> <td colspan＝2 align＝”center”>姓名</td></tr> 　<tr> <td rowspan＝2  align＝”center”>成绩</td> <td align＝”center”>语文</td> 　</tr> 　<tr><td align＝”center”>数学</td></tr> </table> A．该表格共有2行3列 B．该表格的边框宽度为10毫米 C．“成绩”单元格跨2行 D．“姓名”单元格跨2行 14．如图所示，A、B、C指定含义均正确的是（   ） A．A指间距，B指边距，C指边框 B．A指边框，B指边距，C指间距 C．A指间距，B指边框，C指边距 D．A指边框，B指间距，C指边距 15．在Dreamweaver CS6中，通过单元格属性面板，可以实现（   ） A．设置单元格之间的间距 B．设置单元格的背景颜色 C．设置文字到单元格边框之间的距离 D．设置单元格边框的大小 16．在表格中，按住键 可以选择两个单元格之间的连续区域。（   ） A．ctrl B．shift C．alt D．tab 17．在DreamWeaver CS6中插入表格后，表格属性面板中不可以设置（   ） A．背景颜色 B．宽度 C．边框颜色 D．高度 18．在DreamWeaver CS6中插入表格的默认对齐方式为（   ） A．左对齐 B．右对齐 C．居中对齐 D．两端对齐 19．在没有明确指定单元格间距时，大多数浏览器默认的单元格间距为（   ） A．1 B．2 C．3 D．4 20．在DreamWeaver CS6中插入表格时，打开的表格对话框中“单元格边距”与表格属性面板中的 属性作用是一样的。（   ） A．填充 B．间距 C．边框 D．宽度 二、简答题（本大题共5小题，每题8分，共40分） 21．简述熟练使用表格嵌套。 22．简述表格单元格之间互相干扰引起的变形。 23．简述如何选择行？ 24．简述创建表格时,表格宽度单位包括哪两种?有什么区别? 25．假设你要在 Dreamweaver CS5 中创建一个课程表网页，使用表格来布局。请描述具体的操作过程。 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $