单元六 HTML与CSS的使用方法《计算机网络应用基础》（高教版）45分钟专题训练

四川省职教高考《计算机网络应用基础》45分钟专题训练专辑，共12份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有四川省职教高考《信息技术应用基础》《办公应用基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《计算机网络应用基础》 单元六 设计制作网页 HTML与CSS的使用方法 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共20小题，每小题3分，共60分） 1. 定义有序列表编号类型的属性是（ ） A. list-mark B. list-type C. type D. marker 【答案】C 【解析】<ol type="A"> 中的 type 属性可设置编号类型（如1/A/a/I/i）。 2. 表单中用于上传文件的输入类型是（ ） A. <input type="text"> B. <input type="file"> C. <input type="upload"> D. <input type="data"> 【答案】B 【解析】type="file" 允许用户选择文件上传。 3. CSS选择器中优先级最高的是（ ） A. .class B. #id C. tag D. * 【答案】B 【解析】ID选择器 #id 优先级高于类选择器、标签选择器和通配符。 4. 定义描述列表的标签组是（ ） A. <ul><li> B. <list><item>​ C. <ol><li> D. <dl><dt><dd> 【答案】D 【解析】描述列表使用 <dl>（容器）、<dt>（术语）、<dd>（描述）。 5. CSS中实现元素水平居中的方法是（ ） A. margin: auto; B. text-align: center; C. padding: center; D. align: middle; 【答案】A 【解析】块级元素用 margin: 0 auto; 水平居中。 6. 音频标签<audio>支持自动播放的属性是（ ） A. Auto B. autoplay C. play D. start​ 【答案】B 【解析】autoplay 属性使音频加载后自动播放。 7. 将无序列表的项目符号改为方块，需设置（ ） A. list-style-type: square; B. list-type: block; C. list-style: square; D. list-bullet: square; 【答案】A 【解析】list-style-type: square; 设置列表符号为方块。 8. 创建邮箱链接的正确格式是（ ） A. <a link="mailto:test@test.com"> B. <a href="mail:test@test.com"> C. <a href="mailto:test@test.com"> D. <a src="email:test@test.com"> 【答案】C 【解析】邮箱链接使用 mailto: 协议。 9. 如图所示，代码中设置的超链接页面打开方式是（ ） A. 在新页面打开 B. 在本页面打开 C.在上级窗口打开 D. 在父窗口打开 【答案】A 【解析】_self 在本页面打开；_top 在上级窗口打开；_parent 在父窗口打开。 10. 有序列表从5开始编号的写法是（ ） A. <ol begin="5"> B. <ol begin=5> C. <ol start="5"> D. <ol num="5"> 【答案】C 【解析】start="5" 属性设置起始编号。 11. 创建指向当前页面某段落的链接时，href值开头必须包含（ ）字符。 A. & B. ! C. # D. @ 【答案】C 【解析】锚点链接需使用#前缀（如href="#section2"）。 12. CSS选择器input[type="password"]的作用是（ ） A. 选择所有输入框 B. 选择密码输入框 C. 选择可编辑元素 D. 选择已输入的字段 【答案】B 【解析】属性选择器精确匹配type="password"的输入框。 13. 表格表头单元格默认的CSS样式不包括（ ） A. 字体加粗 B. 文本居中 C. 背景灰色 D. 边框加粗 【答案】C 【解析】浏览器默认仅加粗居中文本，背景色需手动设置。 14. 默认情况下，多个相邻div元素的显示效果是（ ） A. 水平排列 B. 垂直堆叠 C. 重叠显示 D. 随机排列 【答案】B 【解析】作为块级元素，div默认占据整行宽度，多个div会垂直堆叠。 15. 常用于div悬停效果的伪类标签是（ ） A. :active B. :visited C. :hover D. :focus 【答案】C 【解析】:hover伪类在鼠标悬停时触发，常用于交互效果。 16. 在定义列表中，<dt>和<dd>的默认位置关系是（ ） A. <dt>左浮动，<dd>右浮动 B. <dt>顶对齐，<dd>缩进显示 C. <dt>和<dd>并列显示 D. <dd>悬浮在<dt>上方 【答案】B 【解析】浏览器默认渲染中，<dd>元素有约40px的左缩进，形成术语-描述的层级关系。 17. 创建指向PDF文件第5页的锚点链接，正确的格式是（ ） A. href="doc.pdf#page=5" B. href="doc.pdf#5" C. href="doc.pdf?page=5" D. href="doc.pdf#page5" 【答案】A 【解析】PDF锚点链接标准格式为filename.pdf#page=N，N为页码。 18. CSS 中，设置元素外边距d 属性是（ ） A. padding B. margin C. border D. spacing 【答案】B 【解析】margin设置元素外边距（元素与其他元素的距离）；padding是内边距（内容与边框的距离）；border是边框；spacing不是标准属性（表格的cellspacing是旧属性）。 19. 表单中，select标签的子标签是（ ） A. input B. option C. textarea D. button 【答案】B 【解析】select用于创建下拉列表，子标签option定义列表项；其他标签与select无直接子关系。 20. 合并表格中两个相邻的行单元格，应使用（ ）属性。 A. Rowspan B. colspan C. merge D. span 【答案】A 【解析】colspan 横向合并单元格，rowspan 纵向合并。 二、多选题（本题共5小题，每题4分，共20分） 1. （ ）属于 CSS 文本样式相关的属性。 A. text-align B. line-height C. font-weight D. border-radius 【答案】ABC 【解析】border-radius是边框圆角，属于边框样式。 2. 表单中，会显示为按钮的 input 类型有（ ） A. submit B. reset C. button D. image 【答案】ABCD 【解析】submit（提交）、reset（重置）、button（普通按钮）、image（图像按钮）均会显示为按钮形态，其中image以指定图像作为按钮外观。 3. CSS盒模型包含的属性有（ ） A. Content B. padding C. border D. margin 【答案】BCD 【解析】盒模型由内到外：内容（content）、内边距（padding）、边框（border）、外边距（margin）。 4.可在<audio>中使用的标签有（ ） A. <source> B. <track> C. <metadata> D. <src> 【答案】AB 【解析】<source> 提供多格式音频源，<track> 添加字幕。 5. CSS 的引入方式包括（ ） A. 内联样式 B. 内部样式表 C. 外部样式表 D. 导入样式 【答案】ABCD 【解析】CSS 引入方式有四种：内联样式（元素的style属性）、内部样式表（<style>标签）、外部样式表（<link>标签）、导入样式（@import规则）。 三、判断题（本题共10小题，每题2分，共20分） 1. <ul> 列表的项目符号可通过CSS的 list-style-image 自定义为图片。（ ） 【答案】正确。 【解析】list-style-image: url('dot.png'); 可自定义符号。 2. 表格的 <caption> 必须放在 <thead> 内。（ ） 【答案】错误。 【解析】<caption> 应直接放在 <table> 开始标签后。​ 3. 表单的 method="GET" 会将提交数据附加到URL中。（ ） 【答案】正确。 【解析】GET 方法数据在URL可见，POST 方法在请求体中。 4. CSS的 :hover 伪类可用于任何HTML元素。（ ） 【答案】正确。 【解析】所有元素均支持 :hover（如按钮、图片等）。 5. <input type="checkbox"> 允许多选。（ ） 【答案】正确。 【解析】复选框（checkbox）支持多选，单选按钮（radio）只能选一个。 6. CSS的 float 属性可用于创建多栏布局。（ ） 【答案】正确。 【解析】float 使元素浮动，实现文字环绕或布局。 7. 超链接的 href="#" 默认跳转至页面顶部。（ ） 【答案】正确。 【解析】空锚点（#）指向页面顶部。 8. margin: 10px 20px; 表示上下边距10px，左右边距20px。（ ） 【答案】正确。 【解析】两个值分别代表上下、左右边距。 9. <img>标签的width和height属性若只设置其中一个，图像会按比例缩放。（ ） 【答案】正确。 【解析】只设置width或height时，浏览器会自动计算另一个维度，保持图像原始比例，避免变形。 10. CSS 的background属性只能设置背景颜色，不能设置背景图片。（ ） 【答案】错误。 【解析】background是复合属性，可同时设置background-color（颜色）、background-image（图片）等多个背景相关样式。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$ 四川省职教高考《计算机网络应用基础》45分钟专题训练专辑，共12份试卷。试卷命题与高考紧密相关，精选具有代表性和典型性的高考常考题。旨在帮助学生系统地复习和巩固计算机类理论知识，熟悉高考题型和命题规律，提高解题能力和应试技巧，为高考取得优异成绩打下坚实的基础，本训练卷适用于即将参加计算机类高考的学生。与本专辑配套的还有四川省职教高考《信息技术应用基础》《办公应用基础》45分钟专题训练专辑，欢迎同学和老师们下载使用。 《计算机网络应用基础》 单元六 设计制作网页 HTML与CSS的使用方法 时间：45分钟 总分：100分 班级___________ 姓名__________ 学号__________ 成绩________ 一、选择题（共20小题，每小题3分，共60分） 1. 定义有序列表编号类型的属性是（ ） A. list-mark B. list-type C. type D. marker 2. 表单中用于上传文件的输入类型是（ ） A. <input type="text"> B. <input type="file"> C. <input type="upload"> D. <input type="data">​​ 3. CSS选择器中优先级最高的是（ ） A. .class B. #id C. tag D. * 4. 定义描述列表的标签组是（ ） A. <ul><li> B. <list><item>​ C. <ol><li> D. <dl><dt><dd> 5. CSS中实现元素水平居中的方法是（ ） A. margin: auto; B. text-align: center; C. padding: center; D. align: middle;​​​ 6. 音频标签<audio>支持自动播放的属性是（ ） A. Auto B. autoplay C. play D. start​​ 7. 将无序列表的项目符号改为方块，需设置（ ） A. list-style-type: square; B. list-type: block; C. list-style: square; D. list-bullet: square;​​​ 8. 创建邮箱链接的正确格式是（ ） A. <a link="mailto:test@test.com"> B. <a href="mail:test@test.com"> C. <a href="mailto:test@test.com"> D. <a src="email:test@test.com"> 9. 如图所示，代码中设置的超链接页面打开方式是（ ） A. 在新页面打开 B. 在本页面打开 C.在上级窗口打开 D. 在父窗口打开​ 10. 有序列表从5开始编号的写法是（ ） A. <ol begin="5"> B. <ol begin=5> C. <ol start="5"> D. <ol num="5"> 11. 创建指向当前页面某段落的链接时，href值开头必须包含（ ）字符。 A. & B. ! C. # D. @​ 12. CSS选择器input[type="password"]的作用是（ ） A. 选择所有输入框 B. 选择密码输入框 C. 选择可编辑元素 D. 选择已输入的字段​ 13. 表格表头单元格默认的CSS样式不包括（ ） A. 字体加粗 B. 文本居中 C. 背景灰色 D. 边框加粗 14. 默认情况下，多个相邻div元素的显示效果是（ ） A. 水平排列 B. 垂直堆叠 C. 重叠显示 D. 随机排列​​ 15. 常用于div悬停效果的伪类标签是（ ） A. :active B. :visited C. :hover D. :focus 16. 在定义列表中，<dt>和<dd>的默认位置关系是（ ） A. <dt>左浮动，<dd>右浮动 B. <dt>顶对齐，<dd>缩进显示 C. <dt>和<dd>并列显示 D. <dd>悬浮在<dt>上方​​ 17. 创建指向PDF文件第5页的锚点链接，正确的格式是（ ） A. href="doc.pdf#page=5" B. href="doc.pdf#5" C. href="doc.pdf?page=5" D. href="doc.pdf#page5" 18. CSS 中，设置元素外边距d 属性是（ ） A. padding B. margin C. border D. spacing​​ 19. 表单中，select标签的子标签是（ ） A. input B. option C. textarea D. button 20. 合并表格中两个相邻的行单元格，应使用（ ）属性。 A. Rowspan B. colspan C. merge D. span 二、多选题（本题共5小题，每题4分，共20分） 1. （ ）属于 CSS 文本样式相关的属性。 A. text-align B. line-height C. font-weight D. border-radius​ 2. 表单中，会显示为按钮的 input 类型有（ ） A. submit B. reset C. button D. image 3. CSS盒模型包含的属性有（ ） A. Content B. padding C. border D. margin​ 4.可在<audio>中使用的标签有（ ） A. <source> B. <track> C. <metadata> D. <src> 5. CSS 的引入方式包括（ ） A. 内联样式 B. 内部样式表 C. 外部样式表 D. 导入样式 三、判断题（本题共10小题，每题2分，共20分） 1. <ul> 列表的项目符号可通过CSS的 list-style-image 自定义为图片。（ ） 2. 表格的 <caption> 必须放在 <thead> 内。（ ） 3. 表单的 method="GET" 会将提交数据附加到URL中。（ ） 4.CSS的 :hover 伪类可用于任何HTML元素。（ ） 5. <input type="checkbox"> 允许多选。（ ） 6. CSS的 float 属性可用于创建多栏布局。（ ） 7. 超链接的 href="#" 默认跳转至页面顶部。（ ） 8. margin: 10px 20px; 表示上下边距10px，左右边距20px。（ ） 9. <img>标签的width和height属性若只设置其中一个，图像会按比例缩放。（ ） 10. CSS 的background属性只能设置背景颜色，不能设置背景图片。（ ） 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 $$