全部学科
Python全栈
python
NodeJS全栈
nodejs
小程序首页
📝 1 篇文章 20 道配套习题

HTML基础专题

专题说明

本专题为HTML入门必修内容,系统讲解HTML文档结构、标签语法、文本格式化、图像链接、列表表格、表单控件和语义化标签,帮助零基础学习者快速掌握HTML核心知识。

学习目标

  1. 理解HTML文档的基本结构(DOCTYPE、head、body)
  2. 掌握HTML标签的写法和元素组成
  3. 熟练使用文本格式化标签(h1-h6、strong、em、pre)
  4. 学会插入图片和创建超链接
  5. 掌握列表和表格的基本结构
  6. 理解表单控件的基本用法
  7. 认识HTML5语义化布局标签

学习内容

  • 文档结构:DOCTYPE声明、html/head/body标签、title标签
  • 标签语法:开始标签、结束标签、自闭合标签、元素结构
  • 文本标签:标题标签h1-h6、强调标签strong/em、预格式化pre
  • 图像链接:img标签src/alt属性、a标签href/target属性
  • 列表表格:无序列表ul/ol/li、表格table/tr/td/th
  • 表单控件:form标签、input类型(text/password/checkbox/radio)
  • 语义化标签:header/nav/main/article/aside/footer/section

学习建议

  1. 从文档结构入手,理解HTML页面框架
  2. 边学边练,用代码编辑器实践每个标签
  3. 关注标签的语义含义,不只是视觉效果
  4. 养成良好习惯:标签小写、属性完整、结构规范
  5. 配合CSS学习,逐步构建完整页面

📝 发现内容有误?点击此处直接编辑

📝 配套习题(20 题)

1
单选题

HTML标签的基本写法是什么?

A

用方括号包裹标签名,如 [div]

B

用尖括号包裹标签名,如 <div>

C

用花括号包裹标签名,如 {div}

D

用圆括号包裹标签名,如 (div)

2
单选题

一个完整的HTML元素由哪几部分组成?

A

只需要开始标签

B

开始标签和结束标签

C

开始标签、内容和结束标签

D

只需要结束标签

3
判断题

判断:<img>标签需要写结束标签</img>

A

B

4
单选题

以下哪个标签用于表示重要性强调的文本?

A

<i>

B

<b>

C

<strong>

D

<u>

5
单选题

HTML中用于定义最大标题的标签是?

A

<h6>

B

<h1>

C

<title>

D

<header>

6
判断题

判断:<pre>标签会保留文本中的空格和换行符。

A

B

7
单选题

在HTML中插入图片需要使用哪个标签?

A

<image>

B

<img>

C

<picture>

D

<photo>

8
单选题

创建超链接需要使用哪个标签?

A

<link>

B

<a>

C

<href>

D

<url>

9
判断题

判断:<img>标签的alt属性是可选的,不写也没有问题。

A

B

10
单选题

创建无序列表需要使用哪个标签?

A

<ol>

B

<ul>

C

<list>

D

<dl>

11
单选题

HTML表格中,用于定义表格行的标签是?

A

<td>

B

<tr>

C

<th>

D

<table>

12
判断题

判断:<li>标签可以单独使用,不需要包裹在<ul><ol>中。

A

B

13
单选题

创建HTML表单需要使用哪个标签?

A

<input>

B

<form>

C

<button>

D

<field>

14
单选题

<input>标签的type属性值为"text"时,表示什么类型的输入控件?

A

密码输入框

B

单行文本输入框

C

多行文本输入框

D

数字输入框

15
判断题

判断:type="checkbox"创建的是单选按钮,只能选择一个选项。

A

B

16
单选题

<header>标签的语义是什么?

A

定义页面标题

B

定义页面或区块的头部区域

C

定义网页头部信息(meta等)

D

定义导航菜单

17
单选题

<main>标签用于定义什么内容?

A

页面的导航区域

B

页面的主要内容区域

C

页面的侧边栏

D

页面的底部区域

18
多选题

以下哪些是HTML5新增的语义化布局标签?

A

<header>

B

<div>

C

<nav>

D

<footer>

E

<article>

19
单选题

HTML文档的第一行应该是什么?

A

<html>

B

<head>

C

<!DOCTYPE html>

D

<body>

20
单选题

<head>标签内通常包含什么内容?

A

页面可见的头部内容

B

文档的元信息(title、meta、link等)

C

页面的主要内容

D

导航菜单

← 上一个专题 HTML原生表单验证专题
下一个专题 → HTML多媒体与嵌入内容专题

📝 发现内容有误?点击此处直接编辑

想查看更多习题和详细解析?
小程序提供完整的题库和详细解析

长按或扫描二维码,立即体验

扫码体验小程序
马上就来
使用微信扫描二维码
立即体验完整题库