HTML基础期末考试试题及详细答案

HTML基础期末考试试题及详细答案考试时长：60分钟满分：100分适用对象：计算机基础、前端入门初学者一、单项选择题（每题3分，共30分）1.以下哪一项是HTML网页的根标签？（）A.<head>B.<body>C.<html>D.<title>2.网页的标题标签，显示在浏览器标题栏的是（）A.<meta>B.<title>C.<h1>D.<header>3.HTML中，用来定义段落的标签是（）A.<br>B.<p>C.<div>D.<span>4.实现网页换行且不产生段落间距的标签是（）A.<p>B.<hr>C.<br>D.<pre>5.以下标签中，属于行内元素的是（）A.<div>B.<p>C.<span>D.<h2>6.给文本添加超链接的标签是（）A.<link>B.<a>C.<url>D.<href>7.HTML中，插入图片的正确标签格式是（）A.<imgsrc="图片路径">B.<imagesrc="图片路径">C.<imghref="图片路径">D.<picsrc="图片路径">8.以下哪个属性可以设置超链接在新窗口中打开页面？（）A.target="_self"B.target="_blank"C.open="new"D.href="new"9.定义网页关键字、描述的标签是（）A.<base>B.<meta>C.<style>D.<script>10.HTML注释的正确写法是（）A.//注释内容B./*注释内容*/C.<!--注释内容-->D.#注释内容二、填空题（每空2分，共20分）1.一个完整的HTML网页结构主要由________、________、________三部分组成。2.标题标签一共有________个等级，其中字号最大的是________，字号最小的是________。3.超链接标签中，________属性用于指定链接的目标地址。4.图片标签中，________属性用于设置图片无法显示时的替代文本。5.列表分为有序列表、________和自定义列表三种。三、简答题（每题10分，共30分）1.简述HTML中块级元素和行内元素的核心区别，并各列举3个常用标签。2.简述<a>标签的常用属性及对应作用。3.简述HTML中相对路径和绝对路径的区别，以及各自的使用场景。四、实操编程题（共20分）根据要求编写完整HTML代码，实现以下网页效果：1.网页标题为：我的个人简介；2.页面包含一级标题“个人简介”；3.两段段落文本，分别介绍姓名、爱好；4.插入一张图片（使用相对路径即可）；5.添加一个超链接，点击跳转到百度官网，且在新窗口打开。参考答案及详细解析一、单项选择题答案及解析1.C解析：<html>是整个网页的根标签，所有网页内容都需要嵌套在该标签内部。<head>为头部区域，<body>为主体区域，<title>为标题标签。2.B解析：<title>标签用于定义网页标题，展示在浏览器顶部标题栏。<meta>用于设置网页元信息，<h1>是页面正文大标题。3.B解析：<p>是专用段落标签，自带上下段落间距。<br>是换行标签，<div>是块容器，<span>是行内容器。4.C解析：<br>仅实现单行换行，无间距；<p>换行后会产生段落间距，<hr>是水平线标签。5.C解析：<span>是典型行内元素，内容宽度自适应，不独占一行。<div>、<p>、<h2>均为块级元素，独占一行。6.B解析：<a>是超链接专属标签，通过href属性绑定链接地址。<link>用于引入外部资源，不是超链接标签。7.A解析：HTML插入图片的固定标签为<img>，通过src属性指定图片路径，无image、pic等标签。8.B解析：target="_blank"表示新窗口打开链接；target="_self"为默认值，在当前窗口打开。9.B解析：<meta>标签用于设置网页元数据，包括关键字、页面描述、编码格式等基础信息。10.C解析：HTML唯一标准注释格式为<!--注释内容-->，其余为CSS、JavaScript或编程语言注释格式。二、填空题答案1.<html>、<head>、<body>2.6、<h1>、<h6>3.href4.alt5.无序列表三、简答题详细答案1.块级元素和行内元素的区别及常用标签核心区别：①块级元素独占一整行，默认宽度铺满父容器，支持宽高、边距设置；②行内元素不会独占行，多个行内元素可在同一行排列，宽高由内容自适应，部分边距设置不生效。常用块级元素：<div>、<p>、<h1>-<h6>、<ul>、<li>（任意3个即可）常用行内元素：<span>、<a>、<img>、<b>、<i>（任意3个即可）2.<a>标签常用属性及作用①href：核心属性，指定超链接的跳转地址，可以是外网地址、本地文件路径、锚点地址；②target：设置链接打开方式，_self为当前窗口打开（默认），_blank为新窗口打开；③title：鼠标悬浮在链接上时，显示的提示文本；④id：设置链接唯一标识，可用于页面锚点跳转。3.相对路径和绝对路径的区别及使用场景区别：绝对路径是完整的、固定的资源地址，包含完整域名或电脑磁盘路径；相对路径是相对于当前网页文件位置的路径，地址简洁，不固定。使用场景：绝对路径多用于引用外网资源，如网络图片、外网链接；相对路径多用于本地网站项目，项目文件迁移后，资源仍可正常加载，是本地开发的主流方式。四、实操编程题参考答案html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

<title>我的个人简介</title>

</head>

<body>

<h1>个人简介</h1>

<p>大家好，我是一名前端入门学习者，目前正在系统学习HTML基础语法与网页制作知识。</p>

<p>我的爱好是网页设计与代码编写，喜欢通过实操练习巩固所学知识，不断提升自己的网页制作能力。</p>

<imgsrc="tu.jpg"alt="个人图片">