HTML 常用标签速查表
HTML 常用标签速查表
🧱 结构类标签
| 标签 |
含义 |
用途说明 |
<html> |
HTML文档根元素 |
所有HTML内容的根节点 |
<head> |
头部信息 |
放置元信息，如标题、引入CSS/JS等 |
<body> |
页面内容主体 |
所有可视内容的容器 |
📝 文本与标题标签
| 标签 |
含义 |
用途说明 |
<h1> ~ <h6> |
标题 |
<h1>最大，依次变小 |
<p> |
段落 |
用于段落文本 |
<br> |
换行 |
强制换行（单标签） |
<hr> |
水平线 |
用于分隔内容（单标签） |
<strong> |
强调加粗 |
语义强调，视觉加粗 |
<em> |
斜体强调 |
表示语义上强调 |
<b> |
加粗 |
仅视觉加粗，无语义 |
<i> |
斜体 |
仅视觉斜体，无语义 |
<span> |
行内容器 |
无语义，便于样式控制 |
<div> |
区块容器 |
无语义，用于布局划分 |
富文本标签
📋 列表标签
| 标签 |
含义 |
用途说明 |
<ul> |
无序列表 |
项目前有圆点 |
<ol> |
有序列表 |
项目前有编号 |
<li> |
列表项 |
用于ul或ol中 |
🧩 表格标签
| 标签 |
含义 |
用途说明 |
<table> |
表格容器 |
创建表格 |
<tr> |
表格行 |
一行内容 |
<td> |
表格单元格 |
表格中的数据格 |
<th> |
表头单元格 |
表格中的标题格 |
<thead> |
表头区域 |
分离表格头部 |
<tbody> |
表格主体 |
表格主体部分 |
<tfoot> |
表格底部 |
表格汇总行等 |
🔗 外部资源标签（超链接和媒体）
| 标签 |
含义 |
用途说明 |
<a href=""> |
超链接 |
可跳转页面或地址 |
<img src=""> |
图片 |
显示图片，单标签 |
<video> |
视频 |
嵌入视频播放 |
<audio> |
音频 |
嵌入音频播放 |
<source> |
媒体资源 |
配合<video>或<audio>使用 |
🧾 表单相关标签
| 标签 |
含义 |
用途说明 |
<form> |
表单容器 |
收集用户输入 |
<input> |
输入框 |
类型由type决定 |
<textarea> |
多行输入 |
文本框 |
<select> |
下拉框 |
配合<option>使用 |
<option> |
下拉项 |
用于<select>中 |
<label> |
标签 |
表单项描述 |
<button> |
按钮 |
提交、重置或自定义行为 |
📦 语义化标签（HTML5）
| 标签 |
含义 |
用途说明 |
<header> |
页头 |
放logo、导航等 |
<nav> |
导航区域 |
链接菜单等 |
<main> |
主内容区域 |
页面核心内容 |
<section> |
区块 |
相对独立的内容区域 |
<article> |
文章 |
独立内容，如文章、帖子 |
<aside> |
侧边栏 |
相关信息、推荐等 |
<footer> |
页脚 |
版权、声明等 |