2026年函授本科-专科《HTML网页设计》期末考试试题及参考答案

2026年函授本科/专科《HTML网页设计》期末考试试题及参考答案课程名称：HTML网页设计考试形式：闭卷/作业考核适用专业：计算机应用、电子商务、软件工程、数字媒体等相关专业考试时间：90分钟满分：100分一、单项选择题（本大题共20小题，每小题2分，共40分）在每小题列出的四个备选项中只有一个是符合题目要求的，请将其选出。1.以下关于HTML的描述正确的是（）A.是一种编程语言B.是超文本标记语言C.可以独立实现后台逻辑D.不支持跨浏览器运行2.HTML5文档的标准声明语句是（）A.<!DOCTYPEhtml5>B.<!DOCTYPEhtml>C.<html>D.<metacharset="utf-8">3.网页中设置中文编码防止乱码的正确标签是（）A.<metacharset="UTF-8">B.<title>UTF-8</title>C.<linkcharset="utf-8">D.<scriptcharset="utf-8">4.下列标签中，属于块级元素的是（）A.spanB.aC.divD.em5.下列标签中，属于行内元素的是（）A.pB.h2C.strongD.section6.超链接标签<a>中，实现新窗口打开页面的属性是（）A.target="_self"B.target="_blank"C.target="_top"D.target="_open"7.图片标签中，用于设置图片加载失败时显示提示文字的属性是（）A.srcB.titleC.altD.name8.HTML5新增的用于定义页面头部区域的语义标签是（）A.topB.headerC.headD.upper9.HTML5新增的用于定义页面底部版权信息的标签是（）A.footerB.bottomC.endD.foot10.用于播放网页视频的HTML5标签是（）A.flashB.mediaC.videoD.movie11.用于播放网页音频的HTML5标签是（）A.musicB.audioC.soundD.mp312.表单中实现单选按钮的input类型是（）A.checkboxB.radioC.submitD.button13.表单中实现多选框的input类型是（）A.radioB.checkC.checkboxD.select14.表单提交按钮的input类型是（）A.sendB.submitC.postD.get15.表格中，实现跨列合并的属性是（）A.rowspanB.colspanC.mergeD.cross16.表格中，实现跨行合并的属性是（）A.rowspanB.colspanC.rowD.column17.HTML中正确的注释格式是（）A.//注释B./*注释*/C.<!--注释-->D.#注释18.以下不属于HTML5语义化标签的是（）A.articleB.asideC.canvasD.font19.表单method属性中，安全性更高、适合传输大量数据的提交方式是（）A.getB.postC.putD.delete20.关于列表标签，下列说法正确的是（）A.ul是有序列表B.ol是无序列表C.ul默认小圆点列表D.列表项使用div标签二、填空题（本大题共10空，每空2分，共20分）21.HTML页面的四大基本结构标签分别是：html、head、title、__________。22.无序列表使用__________标签，有序列表使用__________标签。23.表单的外层包裹标签是__________。24.超链接的核心属性是__________，用于指定跳转地址。25.图片的资源路径属性是__________。26.HTML5中用于定义文章主体内容的语义标签是__________。27.表格的基本组成标签包含table、tr、th、__________。28.实现页面留白换行的空格符号是__________。三、简答题（本大题共4小题，每小题5分，共20分）29.简述HTML中块级元素与行内元素的主要区别。30.什么是HTML语义化？使用语义化标签有什么意义？31.简述表单get提交与post提交的主要区别。32.简述HTML5相比旧版本HTML的主要新增优势。四、编程实操题（本大题共2小题，每小题10分，共20分）33.编写一个完整HTML页面，包含页面标题、一段文字、一张图片、一个超链接。34.编写一个简单注册表单，包含：用户名输入框、密码框、性别单选、兴趣多选、提交按钮、重置按钮。参考答案及详细解析一、单项选择题答案1.B2.B3.A4.C5.C6.B7.C8.B9.A10.C11.B12.B13.C14.B15.B16.A17.C18.D19.B20.C单选题简要解析1.HTML是标记语言，不是编程语言，主要用于搭建页面结构。2.HTML5统一使用<!DOCTYPEhtml>声明，简洁通用。3.meta标签设置页面编码，解决中文乱码问题。4.div为典型块级元素，独占一行。5.strong、span、a均为行内元素，同行排列。6.target="_blank"固定为新标签页打开链接。7.alt为图片备用文字，用于加载失败与无障碍访问。8-9.header、footer为HTML5标准头尾语义标签。10-11.video视频、audio音频为H5原生多媒体标签。12-13.radio单选，checkbox多选。15-16.colspan跨列、rowspan跨行，是表格合并核心属性。19.post数据在请求体中传输，不暴露地址栏，支持大数据。二、填空题答案21.body22.ul、ol23.form24.href25.src26.article27.td28. 三、简答题参考答案（标准函授得分版）29.块级元素与行内元素区别（1）块级元素独占一行，默认从上到下排列；行内元素并排显示，从左到右排列。（2）块级元素可以设置宽、高、内外边距；行内元素不能设置宽高，仅左右边距生效。（3）块级元素可以嵌套行内和部分块级元素；行内元素一般只嵌套行内内容。30.HTML语义化及意义HTML语义化是指根据网页内容结构使用对应的专用标签，不随意滥用div。意义：代码结构清晰、便于后期维护；利于搜索引擎抓取收录；适配网页无障碍阅读；符合标准化开发规范。31.get与post区别（1）get参数拼接在地址栏，可见；post参数在请求体内，不可见。（2）get数据长度有限制，无法传输大量内容；post无长度限制。（3）get安全性低，适合查询数据；post安全性更高，适合提交数据、注册、登录等操作。32.HTML5的主要优势新增大量语义化标签，结构更规范；原生支持视频、音频，无需插件；新增画布、本地存储等功能；兼容移动端设备；代码更简洁、冗余更少。四、实操题参考答案（可直接上交满分代码）33.基础页面代码html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>我的网页</title>

</head>

<body>

<h3>欢迎访问我的网页</h3>

<p>这是一个使用HTML5制作的基础网页，结构规范，代码简洁。</p>

<imgsrc="test.jpg"alt="示例图片">

<p><ahref=""target="_blank">点击跳转百度</a></p>

</body>

</html>34.注册表单代码html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>用户注册</title>

</head>

<body>

<h3>用户注册表单</h3>

<formaction="#"method="post">

<p>用户名：<inputtype="text"name="username"></p>

<p>密  码：<inputtype="password"name="pwd"></p>

<p>

性别：

<inputtype="radio"name="sex"value="男">男

<inputtype="radio"name="sex"value="女">女

</p>

<p>

兴趣爱好：

<inputtype="checkbox"name="hobby">看书

<inputtype="checkbox"name="hobby">运动

<inputtype="checkbox"name="hobby">听歌

</p>

<p>

<inpu