HTML基础期末考试试题（含详细答案）

HTML基础期末考试试题（含详细答案）考试时长：60分钟满分：100分适用人群：前端入门初学者、中职/高校网页设计基础学员一、单项选择题（每题3分，共30分）1.以下哪个标签是HTML文档的根标签，所有网页内容都需嵌套在其中？（）A.<head>B.<body>C.<html>D.<title>2.网页的主体内容，包括文字、图片、视频等可见内容，需要放置在哪个标签内？（）A.<header>B.<body>C.<meta>D.<style>3.以下标签中，属于单标签（无需闭合）的是？（）A.<p>B.<br>C.<div>D.<span>4.想要在网页中插入一张图片，需要使用的标签是？（）A.<media>B.<img>C.<pic>D.<image>5.HTML中，实现文本加粗效果的标签是？（）A.<italic>B.<b>C.<u>D.<s>6.超链接标签<a>中，用于指定跳转地址的核心属性是？（）A.srcB.hrefC.urlD.link7.想要让超链接在新窗口中打开页面，需要设置哪个属性值？（）A.target="_self"B.target="_blank"C.open="new"D.jump="out"8.以下哪个HTML标签用于定义网页标题，会显示在浏览器标题栏中？（）A.<h1>B.<title>C.<head>D.<top>9.网页中实现换行效果的正确标签是？（）A.<hr>B.<br>C.<new>D.<line>10.以下关于HTML标签的说法，正确的是？（）A.HTML标签区分大小写B.所有HTML标签都是双标签C.HTML文档结构必须规范，标签可嵌套不可交叉D.注释标签可以随意嵌套使用二、填空题（每题2分，共20分）1.HTML的中文全称是________________________。2.网页的三大部分结构为：<html>、__________、__________。3.段落标签的英文标签是__________。4.图片标签中，__________属性用于指定图片路径，__________属性用于设置图片加载失败时的提示文字。5.水平分割线的标签是__________。6.无序列表通过__________标签定义，列表项通过__________标签定义。7.有序列表的默认排序方式是__________。8.HTML注释的语法格式是________________________。9.块级元素的特点是________________________，独占一行显示。10.行内元素的特点是________________________，多个元素可以在同一行显示。三、简答题（每题10分，共30分）1.简述HTML中<head>标签和<body>标签的作用及区别。2.简述超链接标签<a>中target属性两个常用值（_self、_blank）的区别。3.简述块级元素和行内元素的核心区别，并分别列举3个常用标签。四、代码实操题（每题20分，共20分）根据需求编写完整的HTML代码，实现以下网页效果：1.网页标题为：我的个人主页；2.页面显示一级标题：欢迎来到我的网页；3.显示一段段落文本：网页设计是前端学习的基础，熟练掌握HTML是制作精美网页的核心；4.添加一个超链接，文字为“百度官网”，跳转至百度首页，新窗口打开；5.插入一张图片（使用网络通用测试图片地址即可），设置图片加载失败提示文字为“风景图片”。详细参考答案一、单项选择题答案及解析1.C解析：<html>是整个HTML文档的根标签，是所有标签的容器，页面所有内容都需嵌套在该标签内。2.B解析：<body>是网页可视内容的容器，用户在浏览器中看到的所有内容均放置在此标签中。3.B解析：<br>为换行单标签，无需闭合；其余选项均为双标签，需要成对书写。4.B解析：HTML插入图片的专属标签为<img>，无其他替代标签。5.B解析：<b>实现文本加粗；<italic>为斜体，<u>为下划线，<s>为删除线。6.B解析：<a>标签的href属性用于定义超链接的跳转地址，是核心必填属性。7.B解析：target="_blank"表示新窗口打开链接；target="_self"为默认值，当前窗口打开。8.B解析：<title>定义浏览器标题栏网页标题，<h1>是页面内一级标题。9.B解析：<br>实现文本换行，<hr>是水平分割线。10.C解析：HTML标签不区分大小写；包含单标签和双标签；注释不可嵌套，标签可嵌套不可交叉。二、填空题答案1.超文本标记语言（HyperTextMarkupLanguage）2.<head>、<body>3.<p>4.src、alt5.<hr>6.<ul>、<li>7.阿拉伯数字（1、2、3...）8.<!--注释内容-->9.独占一行，宽度默认充满父容器10.内容自适应宽度，不独占一行三、简答题答案1.head与body标签的作用及区别作用：<head>为网页头部区域，主要存放网页基础配置信息，用于给浏览器和搜索引擎识别页面信息；<body>为网页主体区域，存放用户可视的所有页面内容。区别：①内容展示：head内容不会在页面显示，body内容为页面可见内容；②功能用途：head用于配置标题、编码、样式、关键字等，body用于展示文本、图片、链接、列表等页面元素；③嵌套层级：二者均直接嵌套在<html>根标签内，为并列关系。2.target属性_self和_blank的区别_self：默认属性值，点击超链接后，在当前浏览器窗口/标签页跳转页面，会覆盖原有页面内容，用户无法保留原页面。_blank：点击超链接后，新建一个浏览器标签页打开目标页面，原有页面会保留，不影响用户继续浏览原内容。3.块级元素与行内元素区别及常用标签核心区别：①显示方式：块级元素独占一行，行内元素多个同行显示；②宽高设置：块级元素可设置宽、高、边距，行内元素无法设置宽高，仅自适应内容大小；③布局特性：块级元素可嵌套块级和行内元素，行内元素一般只能嵌套文本或其他行内元素。常用块级元素：<div>、<p>、<h1>-<h6>、<ul>、<ol>（任选3个即可）常用行内元素：<span>、<a>、<b>、<i>、<u>（任选3个即可）四、代码实操题参考答案html

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

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

</head>

<body>

<h1>欢迎来到我的网页</h1>

<p>网页设计是前端学习的基础，熟练掌握HTML是制作精美网页的核心</p>

<ahref=""targ