《网页制作》- 表格、模板及Div在页面布局与排版中的运用 知识点训练 2026版山东省《数字媒体类》考纲百套卷 第14卷

编写说明：2026版《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年数字媒体类专业真题试卷，编写了10份专业综合训练卷。 本试卷是《数字媒体类考纲百套卷》的第14卷，按知识模块 2．网页制作---2．表格、模板及Div在页面布局与排版中的运用一个范围编写， 其要求是： （1）掌握表格的创建、编辑等基本操作。 （2）掌握使用表格布局页面的方法与技巧。 （3）理解模板的概念及作用。 （4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 2026版山东省《数字媒体类考纲百套卷》第14卷 知识模块 2．网页制作 2．表格、模板及Div在页面布局与排版中的运用 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. Div 元素在网页设计中的主要作用是（ ） A. 作为行内元素插入文本内容 B. 用于处理网页的交互功能 C. 用于设置网页的字体样式 D. 作为块级元素用于插入和布局网页元素 2. 下列关于 Div 元素的描述，（ ）是正确的 A. Div 元素具有默认的样式和布局 B. Div 元素不能与 CSS 样式结合使用 C. Div 元素是块级元素，可以用于网页布局 D. Div 元素只能用于插入图片 3. 通过菜单创建Div弹出的对话框中不包括（ ） A. 在插入点 B. 在选定内容旁换行 C. 在标签开始之后 D. 在标签结束之前 4. （ ）可以做到网页和内容分离的一种样式语言 A. HTML B. JSP C. CSS D. JavaScript 5. 在盒子模型中（ ）是内容到边框的距离 A. content B. margin C. padding D. width 6.如果不是新创建的Div，插入面板显示的是（ ） A. 在标签结束之前 B. 在选定内容旁换行 C. 在标签开始之后 D. 以上选项都正确 7. 在 “DOM” 面板中可以进行以下（ ）操作 A. 只能选择 Div B. 可以选择 Div 并为其命名和调整顺序 C. 可以选择 Div 但不能进行其他操作 D. 可以删除 Div 但不能命名 8. 一个盒子的宽度是（ ）组成的 A. content B. content+border+padding+margin C. content+border D. content+border+padding+margin+img 9. 创建 AP Div 时，需要在 Div 标签中添加（ ） A. style = "position: absolute" B. style = "position: relative" C. style = "display: none" D. style = "float: left" 10.当设置 Div 的 Z 轴值为较大的正数时，Div 的位置会（ ） A. 靠下 B. 靠上 C. 不变 D. 随机 11. 如果一个 Div 的可见性设置为 Default，则会（ ） A. 总是可见 B. 总是不可见 C. 继承父 Div 的可见性 D. 随机决定可见性 12. 当 Div 的可见性设置为 Visible 时，以下（ ）情况正确 A. 只有父 Div 可见时，该 Div 才可见 B. 无论父 Div 是否可见，该 Div 都可见 C. 只有父 Div 不可见时，该 Div 才可见 D. 该 Div 始终不可见 13. 当 Div 的溢出处理方法设置为 Hidden 时，以下（ ）情况会发生 A. 当内容超出 Div 大小时，Div 会自动扩展 B. 只有当内容超出时，才会出现滚动条 C. 无论内容是否超出，都会出现滚动条 D. 当内容超出 Div 大小时，超出部分会被隐藏 14. 以下（ ）属性用于设置 Div 的可视区域大小 A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 15. 用于设置 Div 左上角位置的属性是（ ） A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 16.以下选项中是一个块级元素的是（ ） A.img B.hr C.br D.div 17. 以下选项中选择div方法不对的是（ ） A.单击Div的边框线 B.在DOM面板中单击Div C.按住shift，分别单击要选择的各个Div的内部或边框线，可以选择多个Div D.单击Div的内部 18. 以下属性不是为Div属性设置的是（ ） A. 布局 B. 文本 C. 页面 D. 边框 19. div的属性面板Z轴的的数值显示在最上方的是 A. 1 B. 5 C. 5.5 D. 0 20. position属性的默认值是（ ） A. absolute B. fixed C. relative D. static 21. 以下position属性值是相对于浏览器窗口进行定位的是（ ） A. absolute B. fixed C. relative D. static 22.当两个块的z - index值相同时，会发生（ ） A. 前面的块覆盖后面的块 B. 后面的块覆盖前面的块 C. 保持原有的高低覆盖关系 D. 随机决定覆盖关系 23. 下列选项不是float的值的是（ ） A. left B. right C. none D. top 24.Div的属性是border:1px 2px所代表的含义是（ ） A. 上边框和下边框为1px，左边框和右边框是2px B. 左边框和右边框是1px C. 上边框和下边框为2px，左边框和右边框是1px D. 边框四个方向都为1px 25.Flex 布局的容器属性中，用于设置主轴方向的属性是（ ） A. flex - direction B. justify - content C. align - items D. flex - wrap 二、简答题（本大题共3小题，共15分） 1.简述border-radius属性？（5分） 2. 简述position的几个值并说明每个值的含义？（5分） 3.简述选择Div的方法。（5分） 三、案例分析题（本大题共1小题，共10分） 在 index.html 中，插入一个 DIV，设置该 DIV 的内边距为 20px，边框为 2px solid black，然后在 DIV 内部使用 CSS 样式将文字 “这是 DIV 内部的内容” 设置为居中对齐，字体为 Arial，大小为 16px。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$ 编写说明：2026版《数字媒体类考纲百套卷》依据山东省《数字媒体类专业知识考试标准》编写，本套试卷共90份，由三个部分构成，第一部分是知识点训练卷，每个知识点1~5份试卷，共58份试卷，第二部分是常考题训练卷，每个知识模块2-4份训练卷，共22份试卷，第三个部分是参考历年数字媒体类专业真题试卷，编写了10份专业综合训练卷。 本试卷是《数字媒体类考纲百套卷》的第14卷，按知识模块 2．网页制作---2．表格、模板及Div在页面布局与排版中的运用一个范围编写， 其要求是： （1）掌握表格的创建、编辑等基本操作。 （2）掌握使用表格布局页面的方法与技巧。 （3）理解模板的概念及作用。 （4）掌握使用模板文档统一网页风格和布局的方法。 （5）掌握 Div 基本操作、属性设置及在排版中的应用方法。 2026版山东省《数字媒体类考纲百套卷》第14卷 知识模块 2．网页制作 2．表格、模板及Div在页面布局与排版中的运用 知识点训练卷 考试时间60分钟 满分100分 班级 姓名 学号 成绩 一、单项选择题（本大题共25题，每题3分，共75分） 1. Div 元素在网页设计中的主要作用是（ ） A. 作为行内元素插入文本内容 B. 用于处理网页的交互功能 C. 用于设置网页的字体样式 D. 作为块级元素用于插入和布局网页元素 【答案】D 2. 下列关于 Div 元素的描述，（ ）是正确的 A. Div 元素具有默认的样式和布局 B. Div 元素不能与 CSS 样式结合使用 C. Div 元素是块级元素，可以用于网页布局 D. Div 元素只能用于插入图片 【答案】C 3. 通过菜单创建Div弹出的对话框中不包括（ ） A. 在插入点 B. 在选定内容旁换行 C. 在标签开始之后 D. 在标签结束之前 【答案】B 4. （ ）可以做到网页和内容分离的一种样式语言 A. HTML B. JSP C. CSS D. JavaScript 【答案】C 5. 在盒子模型中（ ）是内容到边框的距离 A. content B. margin C. padding D. width 【答案】C 6.如果不是新创建的Div，插入面板显示的是（ ） A. 在标签结束之前 B. 在选定内容旁换行 C. 在标签开始之后 D. 以上选项都正确 【答案】D 7. 在 “DOM” 面板中可以进行以下（ ）操作 A. 只能选择 Div B. 可以选择 Div 并为其命名和调整顺序 C. 可以选择 Div 但不能进行其他操作 D. 可以删除 Div 但不能命名 【答案】B 8. 一个盒子的宽度是（ ）组成的 A. content B. content+border+padding+margin C. content+border D. content+border+padding+margin+img 【答案】B 9. 创建 AP Div 时，需要在 Div 标签中添加（ ） A. style = "position: absolute" B. style = "position: relative" C. style = "display: none" D. style = "float: left" 【答案】A 10.当设置 Div 的 Z 轴值为较大的正数时，Div 的位置会（ ） A. 靠下 B. 靠上 C. 不变 D. 随机 【答案】B 11. 如果一个 Div 的可见性设置为 Default，则会（ ） A. 总是可见 B. 总是不可见 C. 继承父 Div 的可见性 D. 随机决定可见性 【答案】C 12. 当 Div 的可见性设置为 Visible 时，以下（ ）情况正确 A. 只有父 Div 可见时，该 Div 才可见 B. 无论父 Div 是否可见，该 Div 都可见 C. 只有父 Div 不可见时，该 Div 才可见 D. 该 Div 始终不可见 【答案】B 13. 当 Div 的溢出处理方法设置为 Hidden 时，以下（ ）情况会发生 A. 当内容超出 Div 大小时，Div 会自动扩展 B. 只有当内容超出时，才会出现滚动条 C. 无论内容是否超出，都会出现滚动条 D. 当内容超出 Div 大小时，超出部分会被隐藏 【答案】D 14. 以下（ ）属性用于设置 Div 的可视区域大小 A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 【答案】A 15. 用于设置 Div 左上角位置的属性是（ ） A. 剪辑 B. 左和上 C. 宽和高 D. CSS - P 元素 【答案】B 16.以下选项中是一个块级元素的是（ ） A.img B.hr C.br D.div 【答案】D 17. 以下选项中选择div方法不对的是（ ） A.单击Div的边框线 B.在DOM面板中单击Div C.按住shift，分别单击要选择的各个Div的内部或边框线，可以选择多个Div D.单击Div的内部 【答案】D 18. 以下属性不是为Div属性设置的是（ ） A. 布局 B. 文本 C. 页面 D. 边框 【答案】C 19. div的属性面板Z轴的的数值显示在最上方的是 A. 1 B. 5 C. 5.5 D. 0 【答案】B 20. position属性的默认值是（ ） A. absolute B. fixed C. relative D. static 【答案】D 21. 以下position属性值是相对于浏览器窗口进行定位的是（ ） A. absolute B. fixed C. relative D. static 【答案】B 22.当两个块的z - index值相同时，会发生（ ） A. 前面的块覆盖后面的块 B. 后面的块覆盖前面的块 C. 保持原有的高低覆盖关系 D. 随机决定覆盖关系 【答案】C 23. 下列选项不是float的值的是（ ） A. left B. right C. none D. top 【答案】D 24.Div的属性是border:1px 2px所代表的含义是（ ） A. 上边框和下边框为1px，左边框和右边框是2px B. 左边框和右边框是1px C. 上边框和下边框为2px，左边框和右边框是1px D. 边框四个方向都为1px 【答案】A 25.Flex 布局的容器属性中，用于设置主轴方向的属性是（ ） A. flex - direction B. justify - content C. align - items D. flex - wrap 【答案】A 二、简答题（本大题共3小题，共15分） 1.简述border-radius属性？（5分） 【答案】 border-radius属性: border-radius属性中只指定一个值,将生成4个圆角;在四个角上一一指定,可以使用以下规则: 四个值:第一个值为左上角,第二个值为右上角,第三个值为右下角,第四个值为左下角。 三个值:第一个值为左上角，第二个值为右上.角和左下角,第三个值为右下角。 两个值:第一个值为左上角与右下角,第二个值为右上角与左下角。 一个值:四个圆角值相同。 2. 简述position的几个值并说明每个值的含义？（5分） 【答案】 ①absolute:生成绝对定位的元素，相对于static 定位以外的第一个父元素进行定位。元素的位置通过“let”、“top”、“right”及“bottom”属性进行规定。 ②fixed:生成绝对定位的元素，相对于浏览器窗口进行定位。元素的位置通过“let”“top”、“right”及“bottom”属性进行规定。 ③relative:生成相对定位的元素，相对于其正常位置进行定位 ④static:默认值。没有定位，元素出现在正常的流中(忽略top、bottom、lef、right或 z-index 声明)。 ⑤inherit:规定应该从父元素继承 position 属性的值。 3.简述选择Div的方法。（5分） 【答案】 单击 Div 的边框线 在“DOM”面板中单击 Div。 按下Shift键,分别单击要选择的各个Div的内部或边框线,可以选中多个Div。 在“DOM”面板中还可以为 Div 命名并调整顺序。 三、案例分析题（本大题共1小题，共10分） 在 index.html 中，插入一个 DIV，设置该 DIV 的内边距为 20px，边框为 2px solid black，然后在 DIV 内部使用 CSS 样式将文字 “这是 DIV 内部的内容” 设置为居中对齐，字体为 Arial，大小为 16px。 【答案】 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> div { padding: 20px; border: 2px solid black; text-align: center; font-family: Arial; font-size: 16px; } </style> </head> <body> <div>这是DIV内部的内容</div> </body> </html> 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $$