HTML标签是构建网页的基础元素，通过尖括号包裹的代码定义内容结构（如` ）、样式（如 ）和交互（如 ），标签分起始/结束标签（如 ）和自闭合标签（如`），浏览器据此解析渲染页面内容
HTML基础标签说明
文档结构标签
| 作用描述 |
<!DOCTYPE> | 声明文档类型（HTML5常用<!DOCTYPE html>） |
<html> | 根元素，包含整个网页内容 |
<head> | 头部区域，包含元数据（如<meta>、<title>、样式表链接等） |
<body> | 主体区域，包含网页可见内容（文本、图片、链接等） |
文本相关标签
| 功能说明 |
<h1>~<h6> | ，<h1>为最高级别 |
<p> | 段落，自动换行 |
<br> | 强制换行（自闭合标签） |
<hr> | 水平分割线 |
<strong> | 强调文本（语义强于<b>） |
<em> | 强调文本（语义为语气强调） |
<span> | 器，用于局部样式或脚本控制 |
链接与图像标签
| 功能说明 |
<a> | 超链接（需href属性），支持文本、图片链接 |
<img> | 图片（必须设置src和alt属性，自闭合标签） |
<svg> | 矢量图形容器 |
列表与表格标签
| 功能说明 |
<ul> | 无序列表（配合<li>使用） |
<ol> | 有序列表（自动生成数字/字母序号） |
<dl> | 定义列表（配合<dt>术语和<dd>解释使用） |
<table> | 表格（含<thead>、<tbody>、<tr>行、<td>单元格、<th>表头） |
表单与输入标签
| 功能说明 |
<form> | 表单容器（需设置action和method） |
<input> | 输入框（type属性决定类型，如text、password、checkbox等） |
<textarea> | 多行文本输入区域 |
<select> | 下拉选择框（配合<option>使用） |
<button> | 按钮（可设置type="submit"或type="button"） |
多媒体与嵌入标签
| 功能说明 |
<audio> | 音频播放器（支持controls、autoplay等属性） |
<video> | 视频播放器（需设置src，支持controls、loop等） |
<embed> | 嵌入外部资源（如PDF、Flash，现代已少用） |
<iframe> | 内嵌框架（用于嵌入网页，需设置src和width/height） |
语义化结构标签（HTML5）
| 功能说明 |
<header> | 页眉区域（常含导航栏） |
<nav> | 导航链接区域 |
<main> | 区域 |
<section> | 内容区块（需有明确主题） |
<article> | 块（如文章、博客条目） |
<footer> | 页脚区域（常含版权信息） |
<aside> | （如广告、相关文章） |
常见问题与解答
问题1：如何选择合适的HTML标签？
解答：
- 语义优先含义选择标签（如文章标题用
<h1>，导航用<nav>）。 - 结构清晰：使用
<section>、<article>等标签划分逻辑区域，提升可读性和SEO。 - 避免滥用：例如不要用
<div>替代语义标签，不要用<font>（已废弃，改用CSS）。
问题2：哪些HTML标签必须闭合？
解答：
- 必须闭合的标签：所有非自闭合标签（如
<div>、<p>、<li>等）必须有成对的开闭标签。 - 自闭合标签：包括
<img>、<br>、<hr>、<input>等，末尾需加（如<img />）。 - 注意：HTML标签对大小写不敏感（如
<P>等同于<p>），但
