全部学科

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各类标签的使用方法和最佳实践，涵盖文档结构、文本内容、语义化结构、表单交互、表格数据、多媒体嵌入及HTML5新增特性，帮助开发者全面掌握HTML标签体系。

学习目标

理解HTML文档基本结构和DOCTYPE声明
掌握常用文本标签的正确用法
熟练运用HTML5语义化标签构建页面结构
学会表单标签创建用户交互界面
掌握表格标签展示数据信息
了解多媒体标签嵌入音视频内容
掌握HTML5新增标签和属性特性

学习内容

本专题涵盖以下知识模块：

HTML基本结构：DOCTYPE、html、head、body、title等文档结构标签
常用标签：h1-h6标题、p段落、br换行等文本标签
语义化标签：header、footer、nav、main、article、section、aside等结构化标签
表单标签：form、input、label、textarea、select等交互标签
表格标签：table、tr、th、td、thead、tbody、tfoot等数据展示标签
多媒体标签：img、video、audio、source等媒体嵌入标签
HTML5新特性：新增input类型、表单属性、图形标签等

学习建议

按知识点模块顺序学习，循序渐进
注重语义化标签的理解和实践
结合实际项目练习表单和表格标签
关注HTML5新特性的兼容性处理
掌握标签的正确嵌套规则和使用场景

📝 配套习题（20 题）

💡 参考答案在文末

判断题

1

判断：<br>标签用于在文本中强制换行，且不需要结束标签。

A

对

B

错

2

判断：<article>标签用于定义独立的、完整的、可以独立分发的内容块。

A

对

B

错

单选题

3

HTML中用于创建表单的标签是？

A

<input>

B

<form>

C

<table>

D

<field>

4

HTML中用于为表单元素添加说明文字的标签是？

A

<text>

B

<label>

C

<span>

D

<caption>

5

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

A

<h6>

B

<h1>

C

<title>

D

<header>

6

HTML5中，用于定义页面头部区域的语义化标签是？

A

<head>

B

<header>

C

<top>

D

<heading>

7

HTML5中，用于定义导航链接区域的语义化标签是？

A

<navigation>

B

<nav>

C

<menu>

D

<link>

8

HTML文档中，<head>标签的主要作用是什么？

A

显示页面主要内容

B

包含文档元数据（如标题、样式、脚本等）

C

创建页面导航

D

定义页面布局

9

HTML中用于插入图片的标签是？

A

<picture>

B

<img>

C

<image>

D

<photo>

10

HTML表格中，<th>标签的作用是什么？

A

定义表格行

B

定义表头单元格

C

定义数据单元格

D

定义表格标题

11

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

A

<html>

B

<!DOCTYPE html>

C

<head>

D

<body>

12

HTML中用于定义段落的标签是？

A

<br>

B

<p>

C

<div>

D

<span>

13

HTML中用于创建表格的标签是？

A

<form>

B

<table>

C

<grid>

D

<list>

多选题

14

以下哪些标签用于创建下拉选择框？

A

<select>

B

<option>

C

<dropdown>

D

<optgroup>

E

<list>

15

HTML表格中，以下哪些标签用于划分表格结构区域？

A

<thead>

B

<tbody>

C

<tfoot>

D

<trow>

E

<tcell>

16

以下哪些是HTML5新增的语义化结构标签？

A

<header>

B

<footer>

C

<article>

D

<div>

E

<aside>

F

<section>

17

<video>标签中，以下哪些属性可以控制播放行为？

A

controls

B

autoplay

C

loop

D

muted

E

play

F

pause

填空题

18

<form>标签的____________属性指定表单提交的目标地址，____________属性指定提交方式（常用get或____________），enctype属性指定表单数据的编码类型。

19

HTML5语义化标签中，____________标签定义页面头部，____________标签定义页面底部，____________标签定义页面主要内容，aside标签定义侧边栏或附属内容。

20

表格单元格合并：____________属性用于横向合并多列，____________属性用于纵向合并多行。例如<td colspan="2">表示横向合并____________列，<td rowspan="3">表示纵向合并3行。

参考答案

1.正确 2.正确 3.B 4.B 5.B 6.B 7.B 8.B 9.B 10.B 11.B 12.B 13.B 14.A;B;D 15.A;B;C 16.A;B;C;E;F 17.A;B;C;D 18.action;method;post 19.header;footer;main 20.colspan;rowspan;2

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

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