HTML期末考试试卷

HTML期末考试试卷考试时长：90分钟满分：100分适用专业：计算机相关专业一、单项选择题（本大题共20小题，每小题2分，共40分）每小题只有一个正确答案，请将正确答案序号填在对应括号内。1.以下哪个标签是HTML文档的根标签（）A.<head>B.<html>C.<body>D.<doctype>2.HTML文档中，用于定义网页标题、显示在浏览器标题栏的标签是（）A.<title>B.<header>C.<h1>D.<meta>3.以下标签中，属于单标签的是（）A.<p>B.<span>C.<br>D.<div>4.用于设置网页段落换行且不产生段落间距的标签是（）A.<p>B.<br>C.<hr>D.<pre>5.想要在网页中插入水平线，需要使用的标签是（）A.<line>B.<hr>C.<tr>D.<border>6.以下标题标签中，字号最大的是（）A.<h1>B.<h3>C.<h5>D.<h6>7.用于设置文本加粗显示的标签是（）A.<i>B.<u>C.<b>D.<s>8.给文本添加下划线的标签是（）A.<underline>B.<u>C.<line>D.<em>9.HTML中，超链接的核心标签是（）A.<link>B.<a>C.<href>D.<url>10.超链接中，用于指定跳转地址的属性是（）A.srcB.linkC.hrefD.target11.想要让超链接在新窗口打开页面，target属性值应设置为（）A._selfB._blankC._topD._parent12.网页中插入图片使用的标签是（）A.<pic>B.<img>C.<image>D.<photo>13.img标签中，用于指定图片路径的属性是（）A.urlB.hrefC.srcD.path14.图片加载失败时，显示替代文本的属性是（）A.titleB.altC.textD.desc15.以下不属于列表标签的是（）A.<ul>B.<ol>C.<li>D.<dlist>16.无序列表的默认列表符号是（）A.数字B.圆点C.方块D.字母17.用于定义表格单元格的标签是（）A.<tr>B.<td>C.<th>D.<table>18.表格中，用于设置单元格合并列数的属性是（）A.rowspanB.colspanC.mergeD.align19.以下属于块级元素的是（）A.<span>B.<a>C.<div>D.<img>20.HTML5中，用于定义网页头部区域的语义化标签是（）A.<head>B.<header>C.<top>D.<section>二、填空题（本大题共10空，每空2分，共20分）1.HTML的中文全称是________________________。2.一个完整的HTML文档分为__________和__________两大部分。3.有序列表的标签是__________，无序列表的标签是__________。4.表格中，<tr>标签的作用是定义__________，<th>标签用于定义__________。5.行内元素的特点是________________________，块级元素的特点是________________________。6.超链接标签中，__________属性可以设置鼠标悬浮时的提示文本。三、简答题（本大题共3小题，每小题6分，共18分）1.简述HTML中相对路径和绝对路径的区别，并分别举例说明。2.简述块级元素和行内元素的主要区别，各列举3个常用标签。3.简述HTML5语义化标签的优势，并写出4个常用语义化标签。四、代码实操题（本大题共2小题，第1题10分，第2题12分，共22分）1.基础页面搭建（10分）编写完整HTML代码，实现以下效果：（1）网页标题为“我的个人主页”；（2）页面包含一级标题“欢迎来到我的主页”；（3）包含一段段落文本“这是我学习HTML制作的第一个网页，简单又实用。”；（4）添加一条水平线，标题文本加粗显示。2.综合页面制作（12分）编写HTML代码，完成如下功能：（1）创建一个有序列表，内容为：HTML学习、CSS学习、JavaScript学习；（2）插入一张图片（使用网络图片地址即可），设置替代文本为“学习配图”；（3）添加一个超链接，链接文字为“百度官网”，点击后在新窗口跳转到百度首页；（4）代码结构完整、格式规范，标签闭合正确。参考答案及评分标准一、单项选择题（40分）1.B2.A3.C4.B5.B6.A7.C8.B9.B10.C11.B12.B13.C14.B15.D16.B17.B18.B19.C20.B二、填空题（20分）1.超文本标记语言2.头部（head）、主体（body）3.<ol>、<ul>4.表格行、表头单元格5.同行显示，宽度自适应内容；独占一行，宽度默认充满父容器6.title三、简答题（18分）1.参考答案：绝对路径：是文件的完整地址，包含完整的域名或本地磁盘路径，不受文件位置变动影响。举例：、D:/img/1.jpg。相对路径：是相对于当前网页文件的路径，仅标识文件相对位置，站点整体迁移后路径依然有效。举例：img/1.jpg、./index.html。（评分标准：区别阐述清晰3分，举例正确3分）2.参考答案：区别：①块级元素独占一行，行内元素同行排列；②块级元素可设置宽高、内外边距，行内元素宽高自适应，无法直接设置宽高；③块级元素可嵌套行内元素和部分块级元素，行内元素一般不能嵌套块级元素。常用块级标签：<div>、<p>、<h1>-<h6>；常用行内标签：<span>、<a>、<b>。（评分标准：核心区别3分，标签列举3分）3.参考答案：优势：代码结构清晰，可读性强；便于搜索引擎抓取页面内容，优化网页排名；方便开发者维护和迭代代码；适配移动端和主流浏览器。常用标签：<header>、<nav>、<main>、<footer>、<section>、<article>（任选4个即可）。（评分标准：优势3分，标签列举3分）四、代码实操题（22分）1.参考答案（10分）html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>我的个人主页</title>

</head>

<body>

<h1><b>欢迎来到我的主页</b></h1>

<hr>

<p>这是我学习HTML制作的第一个网页，简单又实用。</p>

</body>

</html>评分标准：文档结构完整4分，标题设置正确2分，文本、水平线、加粗效果各2分，格式规范无错误满分。2.参考答案（12分）html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>HTML综合练习</title>

</head>

<body>

<h3>前端学习清单</h3>

<ol>

<li>HTML学习</li>

<li>CSS学习</li>

<li>JavaScript学习</li>

</ol>