第12卷 页面属性设置与常用HTML标签 《网页制作》山东省（春季高考）《数字媒体类考纲百套卷》
2026-08-14
|
2份
|
15页
|
2人阅读
|
0人下载
资源信息
| 学段 | 中职 |
|---|---|
| 学科 | 职教专业课 |
| 课程 | 网页设计与制作 |
| 教材版本 | - |
| 年级 | - |
| 章节 | - |
| 类型 | 题集-专项训练 |
| 知识点 | HTML语法基础，静态站点 |
| 使用场景 | 中职复习 |
| 学年 | 2027-2028 |
| 地区（省份） | 山东省 |
| 地区（市） | - |
| 地区（区县） | - |
| 文件格式 | ZIP |
| 文件大小 | 186 KB |
| 发布时间 | 2026-08-14 |
| 更新时间 | 2026-08-14 |
| 作者 | xy06893 |
| 品牌系列 | 学易金卷·考纲百套卷 |
| 审核时间 | 2026-08-14 |
| 下载链接 | https://m.zxxk.com/soft/59199591.html |
| 价格 | 3.00储值（1储值=1元） |
| 来源 | 学科网 |
内容正文：
编写说明：2027版山东省春季高考统一考试数字媒体类《考纲百套卷》，依据《数字媒体类专业知识考试标准》编写。本专辑涵盖三个部分，第一部分为知识训练卷，第二部分为专题训练卷，第三部分为课程综合卷。本专辑共74份试卷，其中知识训练卷44份、专题训练卷18份、课程综合卷12份。
本试卷是第12卷，为知识训练卷，按《网页制作》中“页面属性设置与常用HTML标签”范围和要求编写。具体内容为：（3）掌握页面属性的设置方法。（4）掌握常用的HTML标签。
山东省春季高考统一考试
数字媒体类《考纲百套卷》
第12卷 网页制作——页面属性设置与常用HTML标签
（考试时间：45分钟 满分：100分）
一、选择题（共35题，每题2分，共70分）
1．制作网页时，若要一次调整整张页面的标题、背景和链接等默认外观，通常应进入（ ）
A．图层样式
B．动画时间轴
C．页面属性
D．通道面板
【答案】C
【解析】页面属性用于集中设置网页的标题、背景、文字、链接、边距和编码等页面级信息。
2．浏览器打开网页后，标签页上显示的页面名称通常来自（ ）设置
A．背景图像
B．左边距
C．正文颜色
D．页面标题
【答案】D
【解析】页面标题通常显示在浏览器窗口或标签页标题位置，不等同于网页正文中的标题文字。
3．希望网页主体区域呈现浅色底色，通常应在页面外观设置中调整（ ）
A．页面背景色
B．链接地址
C．标题级别
D．列表编号
【答案】A
【解析】页面背景色控制网页整体背景的基础颜色，适合设置页面底色和整体视觉基调。
4．需要让网页背景使用一张纹理图片，而不是单一颜色，通常应设置（ ）
A．段落标签
B．背景图像
C．访问状态
D．正文行距
【答案】B
【解析】背景图像用于把指定图片作为页面背景，图片路径应正确指向站点中的资源文件。
5．浅色背景上的普通文本对比不足、影响阅读时，通常应调整页面的（ ）
A．背景图像路径
B．网页标题
C．正文文字颜色
D．链接目标窗口
【答案】C
【解析】正文文字颜色控制页面普通文本的默认颜色，与链接文字的颜色设置可以分别调整。
6．希望网页内容不要紧贴浏览器窗口边缘，通常应设置页面的（ ）
A．边距
B．标题标签
C．图像替代文字
D．编码
【答案】A
【解析】页面边距控制内容区域与窗口边缘之间的距离，合理设置可以改善页面的留白和版式。
7．页面内容需要与浏览器左侧保持较大空白，而右侧保持原有设置时，应重点调整（ ）
A．页面标题
B．普通链接色
C．左边距
D．背景色
【答案】C
【解析】左边距控制内容区域与浏览器左边缘之间的距离，右边距和上下边距是相对独立的设置。
8．网页中的普通超链接需要统一显示为蓝色时，通常应设置（ ）颜色
A．背景
B．普通链接
C．已访问链接
D．活动链接
【答案】B
【解析】普通链接颜色控制链接尚未被访问时的默认颜色；已访问、活动等状态可以分别设置。
9．用户访问过某个链接后，希望该链接显示为另一种颜色，通常应设置（ ）颜色
A．正文文字
B．背景图像
C．已访问链接
D．页面标题
【答案】C
【解析】已访问链接颜色用于区分用户已经访问过的链接状态，避免与普通链接状态混淆。
10．单击链接的瞬间需要使用特殊颜色提示用户，通常对应（ ）链接状态
A．普通
B．活动
C．已访问
D．背景
【答案】B
【解析】活动链接状态表示链接正在被激活或单击过程中的状态，可以设置独立颜色。
11．页面中的超链接默认带下划线，若希望统一取消或改变这种效果，通常应调整链接的（ ）设置
A．背景图像
B．页面编码
C．标题级别
D．下划线样式
【答案】D
【解析】下划线样式用于控制链接文字是否显示下划线以及相关显示方式，不改变链接地址本身。
12．同一网页在不同电脑上打开后中文显示不一致，首先应检查文档采用的（ ）是否合适
A．字符编码
B．背景颜色
C．页面边距
D．链接状态
【答案】A
【解析】字符编码决定网页文本的解释方式，中英文内容显示异常时应检查文档编码是否统一。
13．为了让页面在不同电脑上更稳定地解释中文字符，常用的编码方式是（ ）
A．UTF-8
B．PSD
C．MP3
D．JPEG
【答案】A
【解析】UTF-8是网页中常用的字符编码方式，可以较好地支持中文及其他多种文字。
14．设置网页背景图片时，若图片文件已经放在站点的images文件夹中，最重要的是保证图片（ ）正确
A．字号
B．列表编号
C．段落缩进
D．路径
【答案】D
【解析】背景图片能否正常显示取决于文件路径是否正确，图片尺寸和颜色属于其他属性问题。
15．页面标题、背景色和正文颜色都属于针对整张网页的（ ）设置
A．单个字符级
B．页面级
C．音频级
D．单个图层级
【答案】B
【解析】这些设置会影响页面整体或默认外观，属于页面级设置，不是只针对一个字符或一个图像对象。
16．表示HTML文档最外层根元素的标签是（ ）
A．<body>
B．<head>
C．<html>
D．<title>
【答案】C
【解析】html标签是整个HTML文档的根元素，head和body等主要部分通常嵌套在html标签内部。
17．页面标题和字符编码等文档信息通常放在（ ）区域
A．<head>
B．<html>
C．<body>
D．<p>
【答案】A
【解析】head区域保存网页标题、编码等文档级信息，页面中直接显示的主体内容通常放在body区域。
18．下列哪一段代码中的内容属于网页主体区域中的可见内容（ ）
A．<head><meta charset="UTF-8"></head>
B．<meta name="description">
C．<title>校园活动</title>
D．<body><p>欢迎参加活动</p></body>
【答案】D
【解析】body标签用于包含网页主体内容，是浏览器页面中主要可见内容的容器。
19．以下哪一行代码会影响浏览器标签页上显示的文档名称（ ）
A．<p>校园活动</p>
B．<body>校园活动</body>
C．<title>校园活动</title>
D．<h1>校园活动</h1>
【答案】C
【解析】title标签用于设置文档标题，通常显示在浏览器标题栏或标签页中；h1和p属于页面正文内容。
20．下列哪一行最适合作为页面层级最高的主标题（ ）
A．<h1>校园艺术节</h1>
B．<br>校园艺术节
C．<li>校园艺术节</li>
D．<p>校园艺术节</p>
【答案】A
【解析】h1表示最高级别的标题，通常用于页面主标题；h2到h6可用于层级较低的标题。
21．以下哪一段代码最适合表示一段独立的连续说明文字（ ）
A．<ol><li>活动</li></ol>
B．<hr>
C．<p>活动将在周五举行。</p> D．<img src="a.jpg">
【答案】C
【解析】p标签用于表示段落，浏览器通常会按照段落结构处理其前后间距和换行关系。
22．以下哪种写法可以让同一段中的两句话换到不同行，而不另起一个段落（ ）
A．<p>第一句</p><p>第二句</p>
B．第一句<br>第二句
C．<h1>第一句第二句</h1>
D．<ul><li>第一句第二句</li></ul>
【答案】B
【解析】br标签用于插入换行，适合在同一段内容中换行；p标签表示新的段落结构。
23．以下哪一行代码适合在两个内容区域之间形成主题分隔线（ ）
A．<em>提示</em>
B．<a href="more.html">更多</a>
C．<br>
D．<hr>
【答案】D
【解析】hr标签用于表示主题分隔线或水平分隔效果，适合区分页面中不同内容区域。
24．以下哪一段代码最适合表示“重要提示”具有较强的强调语义（ ）
A．<br>重要提示
B．<strong>重要提示</strong>
C．<img src="tip.png">
D．<ul><li>重要提示</li></ul>
【答案】B
【解析】strong标签表示重要或强烈强调的内容，通常会以较醒目的方式显示，并具有强调语义。
25．以下哪一段代码更适合表示一句话需要语气上的强调（ ）
A．<em>请按时提交</em>
B．<hr>
C．<body>请按时提交</body>
D．<ol><li>请按时提交</li></ol>
【答案】A
【解析】em标签表示强调语气或语义，常用于需要突出语气的文字内容。
26．网页中要显示一张来自站点图片文件夹的照片，通常应使用（ ）标签
A．<h1>
B．<li>
C．<p>
D．<img>
【答案】D
【解析】img标签用于在网页中插入图像，具体文件位置通常通过src属性指定。
27．观察下列图像代码，负责指向图片文件位置的是（ ）
A．href="detail.html"
B．target="_blank"
C．alt="活动海报" D．src="a.jpg"
【答案】D
【解析】src属性用于指定图像资源的路径；alt用于替代文字，href主要用于超链接地址。
28．若下列图片文件暂时无法加载，哪一项能为读者保留图片文字说明（ ）
A．href="detail.html"
B．alt="校园活动海报"
C．name="poster"
D．src="images/poster.jpg"
【答案】B
【解析】alt属性提供图片的替代文字，图片无法显示或辅助阅读时可以发挥说明作用。
29．以下哪一段代码可以把“查看详情”设置为可点击的文字链接（ ）
A．<img src="detail.jpg" alt="查看详情">
B．<hr>查看详情
C．<strong>查看详情</strong>
D．<a href="detail.html">查看详情</a>
【答案】D
【解析】a标签用于创建超链接，链接文字或其他内容放在开始标签和结束标签之间。
30．在代码<a href="about.html">关于我们</a>中，决定跳转文件的是（ ）
A．src="about.html"
B．href="about.html"
C．alt="关于我们"
D．width="120"
【答案】B
【解析】href属性用于指定超链接目标地址；src主要用于图像等资源的来源路径。
31．需要制作一个项目清单，项目顺序没有先后要求时，较适合使用（ ）列表
A．无序列表
B．有序列表
C．标题列表
D．图片列表
【答案】A
【解析】无序列表通常使用项目符号表示，适合没有固定先后顺序的一组项目。
32．需要显示“第一步、第二步、第三步”的操作流程时，较适合使用（ ）列表
A．无序列表
B．背景列表
C．有序列表
D．段落列表
【答案】C
【解析】有序列表会按照顺序显示编号或其他序号，适合步骤、排名和有先后关系的内容。
33．观察代码<ul><li>报名时间</li><li>报名地点</li></ul>，每个列表项目使用的标签是（ ）
A．<tr>
B．<td>
C．<li>
D．<span>
【答案】C
【解析】li标签表示列表中的一个列表项，通常嵌套在ul或ol标签内部。
34．以下结构中，符合列表标签基本嵌套关系的是（ ）
A．<li><ul>项目</ul>
B．<ul><li>项目</li></ul>
C．<p><html>项目</html>
D．<title><body>项目</body>
【答案】B
【解析】ul或ol作为列表容器，li作为其中的列表项，列表项应嵌套在列表容器内部并正确闭合。
35．HTML中像p、a、strong等通常需要结束标签，而br、hr、img通常不需要对应结束标签，这种区别是（ ）
A．成对标签与单标签
B．标题标签与图片标签
C．页面属性与站点属性
D．颜色属性与路径属性
【答案】A
【解析】成对标签通常有开始和结束两个标签，单标签通常独立表示一个元素或操作，书写时应遵循相应语法。
二、简答题（共2题，每题10分，共20分）
1．简述页面属性中背景色、正文文字颜色和链接颜色的区别。
【答案】背景色控制网页整体底色；正文文字颜色控制普通文本的默认颜色；链接颜色控制超链接文字的显示颜色，普通链接、已访问链接和活动链接还可以分别设置。
【解析】回答应说明三者作用对象不同，并指出链接颜色还可以按访问状态区分。
2．简述HTML中html、head和body三个主要标签的作用。
【答案】html标签包围整个HTML文档；head区域保存标题、字符编码等文档信息；body区域保存浏览器页面中可见的正文、图片、链接等主体内容。
【解析】回答应按文档结构说明三个标签的层级和作用，不必扩展到复杂脚本或样式。
三、案例分析题（共1题，共10分）
1．某同学要制作一个校园活动介绍页面：页面需要设置统一背景色和正文颜色，浏览器标签页显示“校园艺术节”；正文中有主标题、两段说明、一张活动图片、一个详情链接和三步报名流程。请说明：
（1）页面属性中应设置哪些项目；
（2）正文结构和图片、链接分别可使用哪些HTML标签及关键属性；
（3）报名流程应选择哪种列表，并说明标签嵌套和书写时的基本注意事项。
【答案】（1）应设置页面标题、背景色、正文文字颜色；如有中文显示要求，还应选择合适的字符编码，并根据版式设置页面边距。
（2）可用h1表示主标题，用p表示两段说明；用img插入活动图片，并用src指定图片路径、alt提供替代文字；用a创建详情链接，并用href指定目标地址。
（3）三步报名流程有先后顺序，应使用ol作为有序列表容器，每一步使用li表示；标签应正确嵌套、成对标签正确闭合，br和img等单标签按规范书写。
【解析】本题综合考查页面属性、HTML文档结构、常用文本标签、图像与超链接标签、列表标签及属性。作答应把页面需求与具体设置、标签和属性对应起来，并说明标签嵌套和成对/单标签的基本规则。
原创精品资源学科网独家享有版权，侵权必究！
学科网（北京）股份有限公司
学科网（北京）股份有限公司
学科网（北京）股份有限公司
$
编写说明：2027版山东省春季高考统一考试数字媒体类《考纲百套卷》，依据《数字媒体类专业知识考试标准》编写。本专辑涵盖三个部分，第一部分为知识训练卷，第二部分为专题训练卷，第三部分为课程综合卷。本专辑共74份试卷，其中知识训练卷44份、专题训练卷18份、课程综合卷12份。
本试卷是第12卷，为知识训练卷，按《网页制作》中“页面属性设置与常用HTML标签”范围和要求编写。具体内容为：（3）掌握页面属性的设置方法。（4）掌握常用的HTML标签。
山东省春季高考统一考试
数字媒体类《考纲百套卷》
第12卷 网页制作——页面属性设置与常用HTML标签
（考试时间：45分钟 满分：100分）
一、选择题（共35题，每题2分，共70分）
1．制作网页时，若要一次调整整张页面的标题、背景和链接等默认外观，通常应进入（ ）
A．图层样式
B．动画时间轴
C．页面属性
D．通道面板
2．浏览器打开网页后，标签页上显示的页面名称通常来自（ ）设置
A．背景图像
B．左边距
C．正文颜色
D．页面标题
3．希望网页主体区域呈现浅色底色，通常应在页面外观设置中调整（ ）
A．页面背景色
B．链接地址
C．标题级别
D．列表编号
4．需要让网页背景使用一张纹理图片，而不是单一颜色，通常应设置（ ）
A．段落标签
B．背景图像
C．访问状态
D．正文行距
5．浅色背景上的普通文本对比不足、影响阅读时，通常应调整页面的（ ）
A．背景图像路径
B．网页标题
C．正文文字颜色
D．链接目标窗口
6．希望网页内容不要紧贴浏览器窗口边缘，通常应设置页面的（ ）
A．边距
B．标题标签
C．图像替代文字
D．编码
7．页面内容需要与浏览器左侧保持较大空白，而右侧保持原有设置时，应重点调整（ ）
A．页面标题
B．普通链接色
C．左边距
D．背景色
8．网页中的普通超链接需要统一显示为蓝色时，通常应设置（ ）颜色
A．背景
B．普通链接
C．已访问链接
D．活动链接
9．用户访问过某个链接后，希望该链接显示为另一种颜色，通常应设置（ ）颜色
A．正文文字
B．背景图像
C．已访问链接
D．页面标题
10．单击链接的瞬间需要使用特殊颜色提示用户，通常对应（ ）链接状态
A．普通
B．活动
C．已访问
D．背景
11．页面中的超链接默认带下划线，若希望统一取消或改变这种效果，通常应调整链接的（ ）设置
A．背景图像
B．页面编码
C．标题级别
D．下划线样式
12．同一网页在不同电脑上打开后中文显示不一致，首先应检查文档采用的（ ）是否合适
A．字符编码
B．背景颜色
C．页面边距
D．链接状态
13．为了让页面在不同电脑上更稳定地解释中文字符，常用的编码方式是（ ）
A．UTF-8
B．PSD
C．MP3
D．JPEG
14．设置网页背景图片时，若图片文件已经放在站点的images文件夹中，最重要的是保证图片（ ）正确
A．字号
B．列表编号
C．段落缩进
D．路径
15．页面标题、背景色和正文颜色都属于针对整张网页的（ ）设置
A．单个字符级
B．页面级
C．音频级
D．单个图层级
16．表示HTML文档最外层根元素的标签是（ ）
A．<body>
B．<head>
C．<html>
D．<title>
17．页面标题和字符编码等文档信息通常放在（ ）区域
A．<head>
B．<html>
C．<body>
D．<p>
18．下列哪一段代码中的内容属于网页主体区域中的可见内容（ ）
A．<head><meta charset="UTF-8"></head>
B．<meta name="description">
C．<title>校园活动</title>
D．<body><p>欢迎参加活动</p></body>
19．以下哪一行代码会影响浏览器标签页上显示的文档名称（ ）
A．<p>校园活动</p>
B．<body>校园活动</body>
C．<title>校园活动</title>
D．<h1>校园活动</h1>
20．下列哪一行最适合作为页面层级最高的主标题（ ）
A．<h1>校园艺术节</h1>
B．<br>校园艺术节
C．<li>校园艺术节</li>
D．<p>校园艺术节</p>
21．以下哪一段代码最适合表示一段独立的连续说明文字（ ）
A．<ol><li>活动</li></ol>
B．<hr>
C．<p>活动将在周五举行。</p> D．<img src="a.jpg">
22．以下哪种写法可以让同一段中的两句话换到不同行，而不另起一个段落（ ）
A．<p>第一句</p><p>第二句</p>
B．第一句<br>第二句
C．<h1>第一句第二句</h1>
D．<ul><li>第一句第二句</li></ul>
23．以下哪一行代码适合在两个内容区域之间形成主题分隔线（ ）
A．<em>提示</em>
B．<a href="more.html">更多</a>
C．<br>
D．<hr>
24．以下哪一段代码最适合表示“重要提示”具有较强的强调语义（ ）
A．<br>重要提示
B．<strong>重要提示</strong>
C．<img src="tip.png">
D．<ul><li>重要提示</li></ul>
25．以下哪一段代码更适合表示一句话需要语气上的强调（ ）
A．<em>请按时提交</em>
B．<hr>
C．<body>请按时提交</body>
D．<ol><li>请按时提交</li></ol>
26．网页中要显示一张来自站点图片文件夹的照片，通常应使用（ ）标签
A．<h1>
B．<li>
C．<p>
D．<img>
27．观察下列图像代码，负责指向图片文件位置的是（ ）
A．href="detail.html"
B．target="_blank"
C．alt="活动海报" D．src="a.jpg"
28．若下列图片文件暂时无法加载，哪一项能为读者保留图片文字说明（ ）
A．href="detail.html"
B．alt="校园活动海报"
C．name="poster"
D．src="images/poster.jpg"
29．以下哪一段代码可以把“查看详情”设置为可点击的文字链接（ ）
A．<img src="detail.jpg" alt="查看详情">
B．<hr>查看详情
C．<strong>查看详情</strong>
D．<a href="detail.html">查看详情</a>
30．在代码<a href="about.html">关于我们</a>中，决定跳转文件的是（ ）
A．src="about.html"
B．href="about.html"
C．alt="关于我们"
D．width="120"
31．需要制作一个项目清单，项目顺序没有先后要求时，较适合使用（ ）列表
A．无序列表
B．有序列表
C．标题列表
D．图片列表
32．需要显示“第一步、第二步、第三步”的操作流程时，较适合使用（ ）列表
A．无序列表
B．背景列表
C．有序列表
D．段落列表
33．观察代码<ul><li>报名时间</li><li>报名地点</li></ul>，每个列表项目使用的标签是（ ）
A．<tr>
B．<td>
C．<li>
D．<span>
34．以下结构中，符合列表标签基本嵌套关系的是（ ）
A．<li><ul>项目</ul>
B．<ul><li>项目</li></ul>
C．<p><html>项目</html>
D．<title><body>项目</body>
35．HTML中像p、a、strong等通常需要结束标签，而br、hr、img通常不需要对应结束标签，这种区别是（ ）
A．成对标签与单标签
B．标题标签与图片标签
C．页面属性与站点属性
D．颜色属性与路径属性
二、简答题（共2题，每题10分，共20分）
1．简述页面属性中背景色、正文文字颜色和链接颜色的区别。
2．简述HTML中html、head和body三个主要标签的作用。
三、案例分析题（共1题，共10分）
1．某同学要制作一个校园活动介绍页面：页面需要设置统一背景色和正文颜色，浏览器标签页显示“校园艺术节”；正文中有主标题、两段说明、一张活动图片、一个详情链接和三步报名流程。请说明：
（1）页面属性中应设置哪些项目；
（2）正文结构和图片、链接分别可使用哪些HTML标签及关键属性；
（3）报名流程应选择哪种列表，并说明标签嵌套和书写时的基本注意事项。
原创精品资源学科网独家享有版权，侵权必究！
学科网（北京）股份有限公司
学科网（北京）股份有限公司
学科网（北京）股份有限公司
$
资源预览图
1
2
3
由于学科网是一个信息分享及获取的平台，不确保部分用户上传资料的 来源及知识产权归属。如您发现相关资料侵犯您的合法权益，请联系学科网，我们核实后将及时进行处理。