第14卷 使用Div（2） 山东省对口考试-数字媒体类《网页制作》考点双析卷

编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第14卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第14卷 使用Div（2） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．在Dreamweaver中，如何插入一个Div标签？（   ） A．通过“插入”面板的“常用”类别中的“Div”按钮 B．通过“插入”面板的“表格”类别 C．通过“插入”面板的“图像”类别 D．通过“插入”面板的“表单”类别 2．Div元素在HTML中的作用是什么？（   ） A．定义段落 B．定义链接 C．定义文档中的分区或节 D．定义图片 3．关于块状元素说法正确的是（   ） A．块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div \ h1-h6\Pl\ul B．默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象;默认情况下块状元素会按顺序自上而下排列。 C．块状元素都不可以定义自己的宽度和高度 D．块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素，我们可以把这种容器比喻为一个盒子。 4．在CSS+DIV布局中，设置块的背景色的属性是（   ） A．背景 B．背景颜色 C．颜色 D．字体颜色 5．在CSS+DIV布局中，控制DIV块的属性不包括（   ） A．宽度 B．高度 C．颜色 D．滚动条 6．在CSS+DIV布局中，DIV元素的主要作用是（   ） A．作为表格的单元格 B．作为框架的容器 C．作为网页的块级元素 D．作为链接的超文本 7．在CSS+DIV布局中，若实现两个块的水平排列，则块的“浮动”属性通常设置为（   ） A．左对齐 B．右对齐 C．上对齐 D．下对齐 8．在CSS+DIV布局中，DIV元素被称为（   ） A．块 B．框架 C．表格 D．单元格 9．CSS是利用(   )XHTML标签构建网页布局。（   ） A．<dir> B．<div> C．<dis> D．<dif> 10．Div+CSS布局技术的主要优势是什么（   ） A．可以实现复杂的动画效果 B．可以方便地定位图片和文本 C．可以提高页面的加载速度 D．可以兼容所有旧版浏览器 11．要调整AP Div的大小，按住 组合键，同时使用方向键，将以10个像素为单位调整大小。（   ） A．Shift B．Shift+Ctrl C．Shift+Alt D．Ctrl 12．当AP Div的溢出属性设置为 时，一定会出现滚动条。（   ） A．auto B．default C．hideen D．scroll 13．Z轴上Z值越大，AP Div越靠 。（   ） A．左 B．上 C．右 D．下 14．选中AP Div后，按下Shift的同时按方向键每按一下，AP Div将 。（   ） A．位置移动1像素 B．位置移动10像素 C．大小改变1像素 D．大小改变10像素 15．可以实现网页对象的重叠和立体化特效的是 。（   ） A．表格 B．AP Div C．CSS D．表单 16．下列哪个不是Div容器中可以包含的内容块（   ） A．标题 B．段落 C．视频（未在原文明确提及） D．表格 17．下列哪个选项不是插入Div标签时的位置选择（   ） A．在插入点 B．在选定内容旁换行 C．在页面顶部自动添加 D．在开始标签之后或结束标签之前 18．下列哪个不是CSS页面布局结构中的常见Div标签（   ） A．容器Div B．侧栏Div C．导航栏Div（未在原文明确提及作为布局的基本块） D．主内容Div 19．下列关于Div标签的说法错误的是（   ） A．Div标签是块级元素 B．Div标签可以嵌套其他Div标签 C．Div标签不能包含任何HTML元素 D．Div标签的样式表现由CSS控制 20．在Dreamweaver中插入Div标签后，页面上会以什么形式出现（   ） A．文本形式 B．带有占位符文本的框 C．隐藏形式 D．带有边框的表格 二、判断题（本大题共6小题，每题2分，共12分） 21．在DIV中是不可以插入图像的。 ( ) 22．利用CSS＋DIV布局网页时，在网页中顺序插入两个块，除了设置两者宽度之和小于网页宽度外还要设置两者的浮动方式分别为“左对齐”和“右对齐”才能使两个块水平方向排列。( ) 23．DIV是网页的“块”，块类似于容器，不同的网页可以显示在不同的块中。 ( ) 24．用CSS+DIV布局网页，可以使网页代码简洁、结构清晰。 ( ) 25．网页设计时使用CSS+DIV的布局方式，使网页结构清晰，代码简洁修改方便，降低网站维护的成本。 ( ) 26．在使用CSS＋DIV布局的网页，修改时可以根据区域内容标记，到CSS里找到相应的名称，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。 ( ) 三、简答题（本大题共4小题，每题7分，共28分） 27．如何调整AP Div的位置？ 28．简述选择 Div 的方法 . 29．使用CSS布局相较于传统的表格布局有哪些优势？ 30．Div的具体内容是什么？ 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $ 编写说明：山东省春季高考统一考试-数字媒体类《网页制作》考点双析卷专辑，依据省教育厅《山东省春季高考统一考试招生专业类别考试标准》编写。“考点双析卷”即围绕一个考点，一份是老师的讲解卷一份是学生的练习卷，助力师生构建“讲练结合”的学习闭环，特别适用于山东省春季高考统一考试第一轮高考复习教学。 本专辑第14卷精准对标山东省考纲，考试内容及范围【网页制作】： （二）表格、模板及Div在页面布局与排版中的运用：（4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 山东省春季高考统一考试  数字媒体类 《网页制作》考点双析卷 第14卷 使用Div（2） 学生练习卷 时间：45分钟 总分：100分 班级_______ 姓名_______ 学号_______ 成绩_______ 一、单项选择题（本大题共20小题，每题3分，共60分） 1．在Dreamweaver中，如何插入一个Div标签？（   ） A．通过“插入”面板的“常用”类别中的“Div”按钮 B．通过“插入”面板的“表格”类别 C．通过“插入”面板的“图像”类别 D．通过“插入”面板的“表单”类别 【答案】A 【详解】在Dreamweaver中，可以通过“插入”面板的“常用”类别中的“Div”按钮来插入一个Div标签。 2．Div元素在HTML中的作用是什么？（   ） A．定义段落 B．定义链接 C．定义文档中的分区或节 D．定义图片 【答案】C 【详解】Div元素用于定义文档中的分区或节，可以包含其他HTML元素。 3．关于块状元素说法正确的是（   ） A．块状元素在网页中就是以块的形式显示，所谓块状就是元素显示为矩形区域，常用的块状元素包括div \ h1-h6\Pl\ul B．默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象;默认情况下块状元素会按顺序自上而下排列。 C．块状元素都不可以定义自己的宽度和高度 D．块状元素一般都作为其他元素的容器，它可以容纳其他内联元素和其他块状元素，我们可以把这种容器比喻为一个盒子。 【答案】C 【详解】块状元素都不可以定义自己的宽度和高度的 4．在CSS+DIV布局中，设置块的背景色的属性是（   ） A．背景 B．背景颜色 C．颜色 D．字体颜色 【答案】B 【详解】设置块的背景色的属性是背景颜色。 5．在CSS+DIV布局中，控制DIV块的属性不包括（   ） A．宽度 B．高度 C．颜色 D．滚动条 【答案】D 【详解】CSS可以控制块及块中所包含元素的属性，但不包括滚动条的显示与否。 6．在CSS+DIV布局中，DIV元素的主要作用是（   ） A．作为表格的单元格 B．作为框架的容器 C．作为网页的块级元素 D．作为链接的超文本 【答案】C 【详解】DIV是网页的“块”，类似于容器，网页中的元素均可以划分到不同的块中。 7．在CSS+DIV布局中，若实现两个块的水平排列，则块的“浮动”属性通常设置为（   ） A．左对齐 B．右对齐 C．上对齐 D．下对齐 【答案】A 【详解】为了实现水平排列，块的浮动属性通常设置为左对齐。 8．在CSS+DIV布局中，DIV元素被称为（   ） A．块 B．框架 C．表格 D．单元格 【答案】A 【详解】DIV元素在CSS+DIV布局中充当容器的角色，是网页中的块。 9．CSS是利用(   )XHTML标签构建网页布局。（   ） A．<dir> B．<div> C．<dis> D．<dif> 【答案】B 【详解】CSS是利用<div>XHTML标签构建网页布局 10．Div+CSS布局技术的主要优势是什么（   ） A．可以实现复杂的动画效果 B．可以方便地定位图片和文本 C．可以提高页面的加载速度 D．可以兼容所有旧版浏览器 【答案】C 【详解】Div+CSS布局技术通过减少页面中的表格和图片数量，可以提高页面的加载速度，从而提升用户体验。 11．要调整AP Div的大小，按住 组合键，同时使用方向键，将以10个像素为单位调整大小。（   ） A．Shift B．Shift+Ctrl C．Shift+Alt D．Ctrl 【答案】B 【详解】要调整AP Div的大小，按住Ctrl键，同时使用方向键，将以1个像素为单位调整大小。按住Shift+Ctrl 组合键，同时使用方向键，将以10个像素为单位调整大小。 12．当AP Div的溢出属性设置为 时，一定会出现滚动条。（   ） A．auto B．default C．hideen D．scroll 【答案】B 【详解】当AP Div的溢出属性设置为scroll时，不管内容是否超出DIV大小，都显示滚动条。 13．Z轴上Z值越大，AP Div越靠 。（   ） A．左 B．上 C．右 D．下 【答案】B 【详解】Z轴用来确定层叠顺序。数值越大位置越靠上。可是正数/负数，不能是小数。 14．选中AP Div后，按下Shift的同时按方向键每按一下，AP Div将 。（   ） A．位置移动1像素 B．位置移动10像素 C．大小改变1像素 D．大小改变10像素 【答案】B 【详解】选中AP Div后，按下方向键每按一次，移动1个像素。按下Shift同时按方向键，一次移动10个像素。 15．可以实现网页对象的重叠和立体化特效的是 。（   ） A．表格 B．AP Div C．CSS D．表单 【答案】B 【详解】AP Div可以实现网页对象的重叠和立体化特效。 16．下列哪个不是Div容器中可以包含的内容块（   ） A．标题 B．段落 C．视频（未在原文明确提及） D．表格 【答案】C 【详解】原文中提到了Div容器中可以包含标题、段落、图片、表格、列表等内容块，但并未明确提及视频。 17．下列哪个选项不是插入Div标签时的位置选择（   ） A．在插入点 B．在选定内容旁换行 C．在页面顶部自动添加 D．在开始标签之后或结束标签之前 【答案】C 【详解】原文中并未提及在页面顶部自动添加Div标签作为插入位置的选择。 18．下列哪个不是CSS页面布局结构中的常见Div标签（   ） A．容器Div B．侧栏Div C．导航栏Div（未在原文明确提及作为布局的基本块） D．主内容Div 【答案】C 【详解】虽然导航栏在网页布局中很重要，但原文中并未明确将其列为CSS页面布局结构中的常见Div标签之一，而是提到了容器Div、侧栏Div和主内容Div。 19．下列关于Div标签的说法错误的是（   ） A．Div标签是块级元素 B．Div标签可以嵌套其他Div标签 C．Div标签不能包含任何HTML元素 D．Div标签的样式表现由CSS控制 【答案】C 【详解】Div标签可以包含任意的HTML元素，如标题、段落、图片等。 20．在Dreamweaver中插入Div标签后，页面上会以什么形式出现（   ） A．文本形式 B．带有占位符文本的框 C．隐藏形式 D．带有边框的表格 【答案】B 【详解】在Dreamweaver中插入Div标签后，页面上会以一个带有占位符文本的框的形式出现。 二、判断题（本大题共6小题，每题2分，共12分） 21．在DIV中是不可以插入图像的。 ( ) 【答案】错误 22．利用CSS＋DIV布局网页时，在网页中顺序插入两个块，除了设置两者宽度之和小于网页宽度外还要设置两者的浮动方式分别为“左对齐”和“右对齐”才能使两个块水平方向排列。( ) 【答案】错误 23．DIV是网页的“块”，块类似于容器，不同的网页可以显示在不同的块中。 ( ) 【答案】错误 24．用CSS+DIV布局网页，可以使网页代码简洁、结构清晰。 ( ) 【答案】正确 25．网页设计时使用CSS+DIV的布局方式，使网页结构清晰，代码简洁修改方便，降低网站维护的成本。 ( ) 【答案】正确 26．在使用CSS＋DIV布局的网页，修改时可以根据区域内容标记，到CSS里找到相应的名称，使得修改页面的时候更加方便，也不会破坏页面其他部分的布局样式。 ( ) 【答案】错误 三、简答题（本大题共4小题，每题7分，共28分） 27．如何调整AP Div的位置？ 【答案】①选中AP Div后使用鼠标拖动。 ②选中AP Div后使用方向键一次可移动1个像素。 ③选中AP Div后按住【Shift】键同时使用方向键一次可移动10个像素。 ④在AP Div的“属性”面板中，输入“左”和“上”的值可精确定位AP Div的位置。 28．简述选择 Div 的方法 . 【答案】1.单击Div 的边框线。 2.在 DOM  面板中单击Div。 3.按Shift键，分别单击要选择的各个 Div的内部或边框线，可以选中多个Div。 在 DOM 面板中还可以为 Div命名并调整顺序 【详解】答案描述了两种核心场景(视图操作与DOM面板操作)选择Div的方法 视图操作依赖‌事件触发与 DOM 属性修改‌,DOM 面板操作直接‌操控节点树‌，避免视觉布局干扰，适合复杂结构精准控制 29．使用CSS布局相较于传统的表格布局有哪些优势？ 【答案】使用CSS布局相较于传统的表格布局具有以下优势：提高页面浏览速度，因为采用CSS布局的页面容量要比使用表格编码的页面文件容量小得多；易于维护和改版，只要简单地修改几个CSS文件就可以重新设计整个网站的页面；更符合现在的W3C标准，有利于网页的标准化和规范化。 30．Div的具体内容是什么？ 【答案】Div元素是一个块级元素，也是用来插人各种网页元素并能够自由精确定位和容易控制的容器。 试卷第6页，共6页 试卷第5页，共6页 学科网（北京）股份有限公司 $