全部学科

Web前端

TypeScript vue CSS HTML javascript npm pinia vite

JAVA后端

maven spring Mytatis SpringMVC SpringBoot java

通用技术

redis git docker nginx mysql zookeeper rabbitmq

GO后端

golang gorm gin

Python全栈

NodeJS全栈

📝 1 篇文章 20 道配套习题

HTML基础专题

专题说明

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

学习目标

理解HTML文档的基本结构（DOCTYPE、head、body）
掌握HTML标签的写法和元素组成
熟练使用文本格式化标签（h1-h6、strong、em、pre）
学会插入图片和创建超链接
掌握列表和表格的基本结构
理解表单控件的基本用法
认识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

学习建议

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

📝 配套习题（20 题）

💡 参考答案在文末

判断题

1

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

A

对

B

错

2

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

A

对

B

错

3

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

A

对

B

错

4

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

A

对

B

错

5

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

A

对

B

错

单选题

6

HTML表格中，用于定义表格行的标签是？

A

<td>

B

<tr>

C

<th>

D

<table>

7

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

A

<input>

B

<form>

C

<button>

D

<field>

8

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

A

<link>

B

<a>

C

<href>

D

<url>

9

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

A

<h6>

B

<h1>

C

<title>

D

<header>

10

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

A

<ol>

B

<ul>

C

<list>

D

<dl>

11

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

A

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

B

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

C

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

D

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

12

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

A

<i>

B

<b>

C

<strong>

D

<u>

13

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

A

<image>

B

<img>

C

<picture>

D

<photo>

14

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

A

密码输入框

B

单行文本输入框

C

多行文本输入框

D

数字输入框

15

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

A

只需要开始标签

B

开始标签和结束标签

C

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

D

只需要结束标签

16

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

A

定义页面标题

B

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

C

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

D

定义导航菜单

17

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

A

页面的导航区域

B

页面的主要内容区域

C

页面的侧边栏

D

页面的底部区域

18

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

A

页面可见的头部内容

B

文档的元信息（title、meta、link等）

C

页面的主要内容

D

导航菜单

19

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

A

<html>

B

<head>

C

<!DOCTYPE html>

D

<body>

多选题

20

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

A

<header>

B

<div>

C

<nav>

D

<footer>

E

<article>

参考答案

1.正确 2.错误 3.错误 4.错误 5.错误 6.B 7.B 8.B 9.B 10.B 11.B 12.C 13.B 14.B 15.C 16.B 17.B 18.B 19.C 20.A;C;D;E

想在手机上练习这套专题？

使用微信卷王开发者小程序，打开首页顶部扫码功能识别二维码