HTML基础期末考试试题及详细答案_第1页
HTML基础期末考试试题及详细答案_第2页
HTML基础期末考试试题及详细答案_第3页
HTML基础期末考试试题及详细答案_第4页
HTML基础期末考试试题及详细答案_第5页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

HTML基础期末考试试题及详细答案考试说明：满分100分，考试时间60分钟，题型包含选择题、填空题、简答题、实操题，所有题目围绕HTML基础核心知识点，无超纲内容。一、单项选择题（每题3分，共30分）1.以下哪个标签是HTML文档的根标签？（）A.<head>B.<body>C.<html>D.<!DOCTYPE>2.用于定义网页标题，显示在浏览器标题栏的标签是？（）A.<header>B.<title>C.<h1>D.<top>3.以下哪个HTML标签用于换行，且是单标签？（）A.<p>B.<br>C.<hr>D.<div>4.想要给文本添加加粗效果，正确的标签是？（）A.<bold>B.<b>C.<strong>D.B和C均可5.超链接标签<a>中，用于指定跳转地址的属性是？（）A.srcB.hrefC.urlD.link6.想要让超链接在新窗口打开页面，需要设置哪个属性值？（）A.target="_self"B.target="_blank"C.open="new"D.jump="new"7.插入图片的标签是<img>，其必不可少的核心属性是？（）A.widthB.heightC.srcD.alt8.以下标签中，属于块级元素的是？（）A.<span>B.<a>C.<p>D.<img>9.用于创建无序列表的标签组合是？（）A.<ul>+<li>B.<ol>+<li>C.<list>+<item>D.<dl>+<dd>10.HTML中，注释的正确写法是？（）A.//注释内容B./*注释内容*/C.<!--注释内容-->D.#注释内容二、填空题（每空2分，共20分）1.HTML的中文全称是________________________。2.一个完整的HTML文档分为__________和__________两大部分。3.段落标签是__________，水平线标签是__________。4.图片标签中，__________属性用于设置图片替代文字，图片加载失败时显示。5.有序列表的默认排序方式是__________排序。6.__________标签用于定义网页主体内容，页面所有可见内容都写在该标签内。7.行内元素的特点是__________，块级元素的特点是独占一行。三、简答题（每题10分，共30分）1.简述HTML中块级元素和行内元素的核心区别，并各列举3个常用标签。2.简述<a>超链接标签的target属性两个常用取值（_self、_blank）的作用。3.写出一个完整的HTML5基础骨架结构代码，并标注各部分作用。四、实操题（20分）根据需求编写HTML代码，实现以下页面效果：1.网页标题为「我的个人主页」；2.页面包含一级标题「欢迎来到我的主页」；3.包含一段段落文本：「我是一名前端初学者，正在系统学习HTML基础知识点。」；4.插入一张图片（使用网络图片地址即可），设置替代文字为「个人头像」；5.添加一个超链接，文字为「点击学习前端教程」，跳转至百度首页，新窗口打开。参考答案及详细解析一、单项选择题答案及解析1.答案：C解析：<html>是整个HTML文档的根节点，所有标签都嵌套在该标签内；<head>、<body>为文档子模块，<!DOCTYPE>是文档声明，不属于标签。2.答案：B解析：<title>专门用于设置网页标题，展示在浏览器顶部标题栏；<header>是页面头部结构标签，<h1>是一级标题文本标签。3.答案：B解析：<br>是换行单标签，无需闭合；<p>是段落标签，自带换行和间距；<hr>是水平线标签。4.答案：D解析：<b>是纯视觉加粗标签，<strong>是语义化加粗标签，带有强调含义，二者均可实现文本加粗效果。5.答案：B解析：<a>标签的href属性用于指定超链接的跳转地址；src是资源引入属性，多用于图片、视频标签。6.答案：B解析：target="_blank"表示新窗口打开链接；target="_self"是默认值，在当前窗口打开链接。7.答案：C解析：src是<img>标签的核心必填属性，用于指定图片路径；width、height为可选尺寸属性，alt为可选替代文本属性。8.答案：C解析：<p>是典型块级元素，独占一行；<span>、<a>、<img>均为行内元素，同行显示。9.答案：A解析：<ul>定义无序列表，搭配<li>定义列表项；<ol>为有序列表。10.答案：C解析：HTML专属注释格式为<!--注释内容-->，不会在页面中展示，仅用于代码备注。二、填空题答案1.超文本标记语言（HyperTextMarkupLanguage）2.头部（head）、主体（body）3.<p>、<hr>4.alt5.数字（1、2、3...）6.<body>7.同行显示、不独占一行三、简答题参考答案1.核心区别及常用标签核心区别：块级元素独占一行，默认宽度铺满父容器，支持设置宽、高、边距等样式；行内元素不独占一行，多个元素可以同行排列，默认宽度由内容撑开，无法直接设置宽高。常用块级元素：<p>、<div>、<h1>-<h6>、<ul>、<ol>（任选3个即可）常用行内元素：<a>、<span>、<b>、<i>、<img>（任选3个即可）2.target属性常用取值作用（1）_self：默认属性值，超链接在当前浏览器窗口中跳转，覆盖原有页面内容；（2）_blank：超链接在全新的浏览器窗口/标签页中打开，原有页面保留，不被覆盖。3.HTML5基础骨架代码及注释PlainText

<!DOCTYPEhtml>

<!--文档声明：告知浏览器当前页面使用HTML5标准解析-->

<htmllang="zh-CN">

<!--根标签：包裹整个网页的所有内容，lang指定网页语言为中文-->

<head>

<!--头部区域：存放网页配置信息，内容不直接展示在页面中-->

<metacharset="UTF-8">

<!--编码设置：指定网页编码为UTF-8，防止中文乱码-->

<title>网页标题</title>

<!--设置浏览器标题栏显示的网页名称-->

</head>

<body>

<!--主体区域：所有网页可见内容（文字、图片、链接等）均写在此处-->

</body>

</html>四、实操题参考答案（完整可运行代码）PlainText

<!DOCTYPEhtml>

<htmllang="zh-CN">

<head>

<metacharset="UTF-8">

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

</head>

<body>

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

<p>我是一名前端初学者，正在系统学习HTML基础知识点。</p>

<imgsrc="https://picsum.photos/200/200"alt="个人头像">

<br>

<ahref=""target="_blank

人人文库> 全部分类> 教育资料 > 考试试卷

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论