第83卷 网页设计基础 专题训练卷 《多媒体技术应用》湖南省（对口招生）《计算机应用类考纲百套卷》

编写说明：2027版湖南省普通高等学校对口招生考试计算机应用类《考纲百套卷》，依据《2022年湖南省普通高等学校对口招生考试基本要求和考试大纲》编写。本专辑涵盖三个部分，第一部分为知识训练卷，第二部分为专题训练卷，第三部分为课程综合卷。本专辑共96份试卷，其中知识训练卷62份、专题训练卷21份、课程综合卷13份。 本试卷是第83卷，为专题训练卷，按“网页设计基础”专题范围和要求编写。具体内容为：⑦网站与网页基本知识。掌握网页设计的基础知识和基本技能。③应用HTML语言进行网站主页及简单二级页面的制作。（专业方向）；①根据用户需求，进行中小型网站的规划设计。（专业方向）。②根据主页及子页面需求制作配套的网页多媒体素材。（专业方向）。 湖南省对口招生考试 计算机应用类《考纲百套卷》 第83卷 专题训练——网页设计基础 （考试时间：45分钟 满分：100分） 一、单项选择题（共25题，每题2分，共50分） 1．HTML的英文全称是（　　） A．Home Text Markup Language B．HyperText Markup Language C．HyperTransfer Markup Lang. D．High Text Markup Language 2．网页文件通常使用的扩展名是（　　） A．.jpg或.png图片文件 B．.txt或.doc文档文件 C．.exe或.com程序文件 D．.html或.htm网页文件 3．URL的主要作用是（　　） A．压缩网页文件的占用空间 B．改变浏览器窗口的显示颜色 C．定位网络资源的访问地址 D．加密网页中的全部文本内容 4．网站与网页之间的关系通常是（　　） A．网站由多个相关网页组成 B．网页只能包含纯文本内容 C．网站只能设置一个网页文件 D．网站和网页是完全相同对象 5．HTML文档中，网页标题通常写在的标签内是（　　） A．body与footer组成的标签结构项 B．table与caption组成的标签结构 C．form与input组成的标签结构元素 D．head与title组成的标签结构元素 6．HTML中<h1>到<h6>标签主要用于定义（　　） A．不同格式的图像文件 B．不同级别的标题文本 C．网页中的音频播放轨道 D．表格中的数据记录行 7．HTML中<p>标签通常用于表示（　　） A．一条网页水平分隔线 B．一个网页超链接地址 C．一段网页段落内容 D．一张嵌入网页的图片 8．在网页中插入图像通常使用的标签是（　　） A．使用<img>标签并设置src属性 B．<image>标签并设置href属性 C．<picture>标签并设置url属性 D．<photo>标签并设置link属性 9．超链接标签<a>中，用于指定目标地址的属性通常是（　　） A．src属性指定目标地址 B．alt属性指定目标地址 C．title属性指定目标地址 D．href属性指定目标地址 10．图像标签中的alt属性主要用于（　　） A．指定图像文件应当保存的目录 B．提供图像无法显示时的替代说明 C．设置网页标题栏显示的文字内容 D．控制图像在页面中的播放速度快慢 11．HTML中<br>标签通常用于（　　） A．在文本中插入一个换行位置 B．设置网页背景音乐的播放效果 C．创建网页数据表格的结构内容 D．指定网页字符编码的使用方式 12．HTML中<hr>标签通常用于在页面中插入（　　） A．页面中可单击的超链接内容 B．页面中带标题的图像显示区域 C．网页水平分隔线或主题分隔 D．页面中可编辑的表单输入控件 13．HTML表格中，表示表格行的标签是（　　） A．td表示表格中的一格 B．th表示表头中的一格 C．table表示完整的表格 D．tr表示表格中的一行 14．HTML表格中，表示普通数据单元格的标签是（　　） A．<tr>标签表示数据单元格 B．<td>标签表示数据单元格 C．<th>标签表示数据单元格 D．<row>标签表示数据单元格 15．HTML表单中，收集单行文本输入通常使用（　　） A．<input type='image'>图像控件 B．<input type='hidden'>隐藏控件 C．<input type='text'>输入控件 D．<input type='reset'>重置控件 16．网页中的无序列表通常使用的标签组合是（　　） A．ul与li标签组合形成列表 B．ol与li标签组合形成列表 C．tr与td标签组合形成列表 D．dl与dt标签组合形成列表 17．需要按编号展示学习步骤时，通常使用的HTML列表组合是（　　） A．<ul>与<td>标签组合 B．<tr>与<th>标签组合 C．<div>与<img>标签内容 D．<ol>与<li>标签组合 18．设置网页字符编码时，常见的HTML声明方式是（　　） A．使用图像标签来声明字符集 B．使用换行标签来声明字符集 C．使用元信息标签声明字符集 D．使用表格标签来声明字符集 19．相对路径和绝对路径的主要区别在于（　　） A．相对路径一定不能引用图像文件 B．相对路径依赖当前页面位置 C．绝对路径只能用于本地磁盘文件 D．绝对路径一定不包含协议或域名 20．将首页与同一网站的news.html页面连接起来，较合适的写法是（　　） A．<a href='news.html'>新闻</a> B．<a src='news.html'>新闻</a> C．<a alt='news.html'>新闻</a> D．<a title='news.html'>新闻</a> 21．CSS样式的主要作用是控制网页的（　　） A．网页服务器的硬盘容量 B．网络连接的物理传输速度 C．用户计算机的账户权限设置 D．页面外观和元素布局样式 22．网页设计中使用统一导航栏，主要有助于（　　） A．提高页面图像清晰度和显示效果 B．保持页面导航位置和操作方式一致 C．自动生成页面标题和文字内容 D．保证页面内容必须使用链接访问 23．网页中设置图片宽高时，较合理的做法是（　　） A．任意拉伸图片以填满所有空间 B．只改变文件扩展名而不调整尺寸 C．保持比例并结合显示用途设置尺寸 D．删除图片替代文本后再设置尺寸 24．网页制作完成后，检查链接、图片和文字是否正常，属于（　　） A．图像文件发布前的无损压缩操作 B．音频文件发布前的采样率设置 C．计算机硬件安装前的兼容性检测 D．网页发布前的功能与显示测试 25．制作网页时使用他人图片或字体素材，规范做法是（　　） A．确认授权范围并保留来源说明 B．只要能够下载就可以直接发布 C．修改文件名即可获得使用权 D．删除作者信息后再进行公开使用 二、网页设计基本操作题（共5题，每题6分，共30分） 1．请制作一个校园社团首页的基础HTML页面。要求：设置页面标题和字符编码；完成页面主体结构；添加社团名称、简介和一张图片；设置图片替代文本；加入指向news.html的超链接；保存为可直接在浏览器打开的HTML文件并检查显示结果。   2．请制作一个课程介绍网页的HTML片段。要求：使用h1标题；使用p标签写出课程简介；使用ul和li列出三项课程特色；使用有序列表列出学习步骤；加入返回首页的超链接；检查标签嵌套和页面显示。   3．请制作一个校园活动报名页面的基础表单。要求：设置页面标题；添加姓名、联系方式两个单行文本输入框；添加活动类别选择项；添加提交和重置按钮；为每个输入项设置清晰文字说明；检查控件排列和页面可读性。   4．请制作一个包含校园课程安排的HTML表格。要求：设置表格标题；至少建立表头行；列出星期、课程名称和上课地点三列；填写不少于三行课程数据；使用th表示表头、td表示普通数据；检查表格结构和文字是否完整。   5．请为一个小型校园网站设计文件组织和页面联调方案。页面包括index.html首页、news.html新闻页、about.html介绍页、images文件夹和style.css样式文件。要求：说明文件夹结构；写出首页到两个子页面的链接关系；说明图片路径和样式文件引用的检查方法。   三、网页设计综合应用题（共2题，每题10分，共20分） 1．某校园网站在浏览器中打开后出现三个问题：首页图片不显示，点击新闻链接提示找不到页面，中文显示为乱码。请完成综合排查：①分别分析三个问题的可能原因；②写出合理的排查顺序；③给出对应的修正方法；④列出修正后至少四项验证内容。   2．某社团网站需要从单页首页扩展为首页、活动页和报名页三个页面。请完成综合设计：①规划页面内容和导航关系；②写出每个页面应包含的主要HTML结构；③说明图片、CSS和HTML文件的目录组织；④制定发布前的检查清单。   原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $ 编写说明：2027版湖南省普通高等学校对口招生考试计算机应用类《考纲百套卷》，依据《2022年湖南省普通高等学校对口招生考试基本要求和考试大纲》编写。本专辑涵盖三个部分，第一部分为知识训练卷，第二部分为专题训练卷，第三部分为课程综合卷。本专辑共96份试卷，其中知识训练卷62份、专题训练卷21份、课程综合卷13份。 本试卷是第83卷，为专题训练卷，按“网页设计基础”专题范围和要求编写。具体内容为：⑦网站与网页基本知识。掌握网页设计的基础知识和基本技能。③应用HTML语言进行网站主页及简单二级页面的制作。（专业方向）；①根据用户需求，进行中小型网站的规划设计。（专业方向）。②根据主页及子页面需求制作配套的网页多媒体素材。（专业方向）。 湖南省对口招生考试 计算机应用类《考纲百套卷》 第83卷 专题训练——网页设计基础 （考试时间：45分钟 满分：100分） 一、单项选择题（共25题，每题2分，共50分） 1．HTML的英文全称是（　　） A．Home Text Markup Language B．HyperText Markup Language C．HyperTransfer Markup Lang. D．High Text Markup Language 【答案】B 【解析】HTML是超文本标记语言，通过标签描述网页结构和内容。 2．网页文件通常使用的扩展名是（　　） A．.jpg或.png图片文件 B．.txt或.doc文档文件 C．.exe或.com程序文件 D．.html或.htm网页文件 【答案】D 【解析】HTML网页文件通常使用.html或.htm扩展名，属于文本形式的网页源文件。 3．URL的主要作用是（　　） A．压缩网页文件的占用空间 B．改变浏览器窗口的显示颜色 C．定位网络资源的访问地址 D．加密网页中的全部文本内容 【答案】C 【解析】URL是统一资源定位符，用于表示网页、图像等资源的访问位置。 4．网站与网页之间的关系通常是（　　） A．网站由多个相关网页组成 B．网页只能包含纯文本内容 C．网站只能设置一个网页文件 D．网站和网页是完全相同对象 【答案】A 【解析】网站是网页及相关资源的集合，网页是网站中承载具体内容的页面。 5．HTML文档中，网页标题通常写在的标签内是（　　） A．body与footer组成的标签结构项 B．table与caption组成的标签结构 C．form与input组成的标签结构元素 D．head与title组成的标签结构元素 【答案】D 【解析】<title>通常位于<head>中，用于设置浏览器标签栏显示的页面标题。 6．HTML中<h1>到<h6>标签主要用于定义（　　） A．不同格式的图像文件 B．不同级别的标题文本 C．网页中的音频播放轨道 D．表格中的数据记录行 【答案】B 【解析】h1到h6表示六个级别的标题，h1通常表示最高级别的标题。 7．HTML中<p>标签通常用于表示（　　） A．一条网页水平分隔线 B．一个网页超链接地址 C．一段网页段落内容 D．一张嵌入网页的图片 【答案】C 【解析】p标签用于定义段落，浏览器通常会在段落前后留出一定间距。 8．在网页中插入图像通常使用的标签是（　　） A．使用<img>标签并设置src属性 B．<image>标签并设置href属性 C．<picture>标签并设置url属性 D．<photo>标签并设置link属性 【答案】A 【解析】img标签用于嵌入图像，src属性指定图像文件路径，alt属性可提供替代文本。 9．超链接标签<a>中，用于指定目标地址的属性通常是（　　） A．src属性指定目标地址 B．alt属性指定目标地址 C．title属性指定目标地址 D．href属性指定目标地址 【答案】D 【解析】a标签使用href属性指定链接目标，目标可以是网页、文件或页面中的锚点。 10．图像标签中的alt属性主要用于（　　） A．指定图像文件应当保存的目录 B．提供图像无法显示时的替代说明 C．设置网页标题栏显示的文字内容 D．控制图像在页面中的播放速度快慢 【答案】B 【解析】alt为图像提供替代文本，有助于图像加载失败时理解内容，也有利于可访问性。 11．HTML中<br>标签通常用于（　　） A．在文本中插入一个换行位置 B．设置网页背景音乐的播放效果 C．创建网页数据表格的结构内容 D．指定网页字符编码的使用方式 【答案】A 【解析】br表示换行，适合在需要强制换行的位置使用，不能替代合理的段落结构。 12．HTML中<hr>标签通常用于在页面中插入（　　） A．页面中可单击的超链接内容 B．页面中带标题的图像显示区域 C．网页水平分隔线或主题分隔 D．页面中可编辑的表单输入控件 【答案】C 【解析】hr表示主题或内容分隔线，可在网页中形成视觉上的横向分隔。 13．HTML表格中，表示表格行的标签是（　　） A．td表示表格中的一格 B．th表示表头中的一格 C．table表示完整的表格 D．tr表示表格中的一行 【答案】D 【解析】table表示表格，tr表示行，td表示普通单元格，th表示表头单元格。 14．HTML表格中，表示普通数据单元格的标签是（　　） A．<tr>标签表示数据单元格 B．<td>标签表示数据单元格 C．<th>标签表示数据单元格 D．<row>标签表示数据单元格 【答案】B 【解析】td用于表示普通数据单元格，通常写在tr标签内部。 15．HTML表单中，收集单行文本输入通常使用（　　） A．<input type='image'>图像控件 B．<input type='hidden'>隐藏控件 C．<input type='text'>输入控件 D．<input type='reset'>重置控件 【答案】C 【解析】type='text'的input提供单行文本输入，实际使用时还应设置合理的name或提示文字。 16．网页中的无序列表通常使用的标签组合是（　　） A．ul与li标签组合形成列表 B．ol与li标签组合形成列表 C．tr与td标签组合形成列表 D．dl与dt标签组合形成列表 【答案】A 【解析】ul定义无序列表，li定义列表项目；有序列表则通常使用ol和li。 17．需要按编号展示学习步骤时，通常使用的HTML列表组合是（　　） A．<ul>与<td>标签组合 B．<tr>与<th>标签组合 C．<div>与<img>标签内容 D．<ol>与<li>标签组合 【答案】D 【解析】ol定义有序列表，li定义列表项目，浏览器通常会自动显示编号。 18．设置网页字符编码时，常见的HTML声明方式是（　　） A．使用图像标签来声明字符集 B．使用换行标签来声明字符集 C．使用元信息标签声明字符集 D．使用表格标签来声明字符集 【答案】C 【解析】meta标签可在head中声明字符集，如UTF-8，有助于正确显示中文等文字。 19．相对路径和绝对路径的主要区别在于（　　） A．相对路径一定不能引用图像文件 B．相对路径依赖当前页面位置 C．绝对路径只能用于本地磁盘文件 D．绝对路径一定不包含协议或域名 【答案】B 【解析】相对路径以当前文件位置为参照，绝对路径从完整位置或网站根路径描述资源。 20．将首页与同一网站的news.html页面连接起来，较合适的写法是（　　） A．<a href='news.html'>新闻</a> B．<a src='news.html'>新闻</a> C．<a alt='news.html'>新闻</a> D．<a title='news.html'>新闻</a> 【答案】A 【解析】同一目录下可使用news.html相对路径，并将其写入a标签的href属性。 21．CSS样式的主要作用是控制网页的（　　） A．网页服务器的硬盘容量 B．网络连接的物理传输速度 C．用户计算机的账户权限设置 D．页面外观和元素布局样式 【答案】D 【解析】CSS用于控制文字、颜色、间距、边框和布局等表现形式，与HTML结构相互配合。 22．网页设计中使用统一导航栏，主要有助于（　　） A．提高页面图像清晰度和显示效果 B．保持页面导航位置和操作方式一致 C．自动生成页面标题和文字内容 D．保证页面内容必须使用链接访问 【答案】B 【解析】统一导航能降低用户学习成本，使不同页面之间的浏览和跳转方式保持一致。 23．网页中设置图片宽高时，较合理的做法是（　　） A．任意拉伸图片以填满所有空间 B．只改变文件扩展名而不调整尺寸 C．保持比例并结合显示用途设置尺寸 D．删除图片替代文本后再设置尺寸 【答案】C 【解析】图片应结合版面和设备设置尺寸，通常保持原始宽高比例，避免变形和过度放大。 24．网页制作完成后，检查链接、图片和文字是否正常，属于（　　） A．图像文件发布前的无损压缩操作 B．音频文件发布前的采样率设置 C．计算机硬件安装前的兼容性检测 D．网页发布前的功能与显示测试 【答案】D 【解析】发布前测试应检查链接能否打开、图片是否显示、文字是否溢出以及不同浏览器中的显示效果。 25．制作网页时使用他人图片或字体素材，规范做法是（　　） A．确认授权范围并保留来源说明 B．只要能够下载就可以直接发布 C．修改文件名即可获得使用权 D．删除作者信息后再进行公开使用 【答案】A 【解析】网页素材应确认版权和授权范围，必要时取得许可并保留来源或许可记录。 二、网页设计基本操作题（共5题，每题6分，共30分） 1．请制作一个校园社团首页的基础HTML页面。要求：设置页面标题和字符编码；完成页面主体结构；添加社团名称、简介和一张图片；设置图片替代文本；加入指向news.html的超链接；保存为可直接在浏览器打开的HTML文件并检查显示结果。 【答案】①在head中设置字符编码和title；②在body中使用标题和段落组织社团名称、简介等内容；③使用img标签并设置src和有意义的alt属性；④使用a标签的href属性链接news.html；⑤保存为.html文件并在浏览器中检查中文、图片、文字和链接是否正常。 【解析】页面应先建立结构，再补充文字、图像和链接。相对路径必须与文件实际位置一致，图片加载失败时alt文本仍应能够说明图像内容。 2．请制作一个课程介绍网页的HTML片段。要求：使用h1标题；使用p标签写出课程简介；使用ul和li列出三项课程特色；使用有序列表列出学习步骤；加入返回首页的超链接；检查标签嵌套和页面显示。 【答案】①用h1建立页面主标题；②用p写课程简介；③用ul包围三个li项目形成无序列表；④用ol和li列出有顺序的学习步骤；⑤用a标签设置href并写出返回首页文字；⑥检查标签是否正确闭合、列表是否层次清楚、链接地址是否有效。 【解析】ul适合表示没有先后顺序的项目，ol适合表示有明确顺序的步骤。HTML标签应按结构嵌套并保持语义清晰，不能只依靠换行模拟列表。 3．请制作一个校园活动报名页面的基础表单。要求：设置页面标题；添加姓名、联系方式两个单行文本输入框；添加活动类别选择项；添加提交和重置按钮；为每个输入项设置清晰文字说明；检查控件排列和页面可读性。 【答案】①在head中设置title和字符编码；②使用label或文字说明标明姓名、联系方式和活动类别；③使用input type='text'建立两个单行输入框；④使用select与option或单选控件设置活动类别；⑤设置submit和reset按钮；⑥检查控件名称、排列、提示文字和按钮功能是否符合要求。 【解析】表单设计要让用户明确知道每个控件的用途。输入控件、选择控件和按钮应分工清楚，提交前还要检查页面结构和可读性。 4．请制作一个包含校园课程安排的HTML表格。要求：设置表格标题；至少建立表头行；列出星期、课程名称和上课地点三列；填写不少于三行课程数据；使用th表示表头、td表示普通数据；检查表格结构和文字是否完整。 【答案】①使用table建立表格；②使用caption或标题文字说明表格内容；③使用tr建立行，表头行中用th写星期、课程名称和地点；④后续各行用td填写不少于三条课程数据；⑤检查每一行单元格数量和列含义是否一致，确认浏览器显示完整。 【解析】table表示表格，tr表示行，th表示表头单元格，td表示普通数据单元格。表格列数和数据含义应保持一致，避免错位。 5．请为一个小型校园网站设计文件组织和页面联调方案。页面包括index.html首页、news.html新闻页、about.html介绍页、images文件夹和style.css样式文件。要求：说明文件夹结构；写出首页到两个子页面的链接关系；说明图片路径和样式文件引用的检查方法。 【答案】①根目录保存index.html、news.html、about.html和style.css，images文件夹保存图片；②首页用a标签分别通过href='news.html'和href='about.html'链接两个子页面，子页面设置返回index.html的链接；③图片路径按页面所在位置使用images/xxx.jpg等相对路径；④在head中用link标签引用style.css；⑤逐页打开并检查中文、图片、样式、链接和返回路径，发现错误时核对文件名、大小写和目录层级。 【解析】小型网站首先要规划文件结构和链接关系，再检查各页面资源路径。网页显示异常时，应分别判断是HTML结构、路径、样式引用还是素材文件本身的问题。 三、网页设计综合应用题（共2题，每题10分，共20分） 1．某校园网站在浏览器中打开后出现三个问题：首页图片不显示，点击新闻链接提示找不到页面，中文显示为乱码。请完成综合排查：①分别分析三个问题的可能原因；②写出合理的排查顺序；③给出对应的修正方法；④列出修正后至少四项验证内容。 【答案】①图片不显示可能是src路径、文件名、扩展名或文件位置错误；新闻链接失效可能是href路径、文件名或目录层级错误；中文乱码可能是HTML文件保存编码与meta声明不一致。②先核对文件是否存在及文件名，再核对页面所在目录、src和href相对路径，最后检查文件保存编码和head中的字符集声明。③把图片放到约定images目录并修正src；确认news.html实际位置并修正href；统一使用UTF-8保存文件并在head中声明字符集。④验证首页标题、中文内容、图片显示、新闻链接跳转、子页面返回首页、样式引用和不同浏览器打开结果，任选四项。 【解析】网页故障应先区分资源文件、路径和编码问题，再逐项核对。修正后不能只看首页，应测试页面跳转、返回关系、图片、中文和样式等完整功能。 2．某社团网站需要从单页首页扩展为首页、活动页和报名页三个页面。请完成综合设计：①规划页面内容和导航关系；②写出每个页面应包含的主要HTML结构；③说明图片、CSS和HTML文件的目录组织；④制定发布前的检查清单。 【答案】①首页展示社团名称、简介、主要图片和导航；活动页展示活动标题、时间、地点和图文介绍；报名页提供表单和提交说明，三个页面通过统一导航互相连接。②各页至少包含html、head、title和body结构，正文使用标题、段落、图片、列表或表单等合适标签。③HTML文件放在网站根目录，图片集中放入images，CSS放入css或根目录，并使用正确相对路径引用；④检查标签闭合、字符编码、标题、图片alt、链接跳转、表单控件、样式显示、不同窗口尺寸和素材授权，任选四项。 【解析】网站扩展应先明确页面职责，再统一目录、导航和视觉规则。结构清晰、路径正确、内容可访问且便于维护，是小型网站页面制作的基本要求。 原创精品资源学科网独家享有版权，侵权必究！ 学科网（北京）股份有限公司 学科网（北京）股份有限公司 学科网（北京）股份有限公司 $