HTML #

文档结构 #

本指南按以下结构组织：

1. 基础标签 #

标签 描述 文档链接
<html> HTML文档的根元素 html.md
<head> 包含文档元数据 head.md
<body> 包含文档可见内容 body.md
<h1>-<h6> 标题标签 h1-h6.md
<p> 段落标签 p.md
<a> 链接标签 a.md
<img> 图片标签 img.md
<br> 换行标签 br.md
<hr> 水平线标签 hr.md

2. 文本格式化标签 #

标签 描述 文档链接
<strong> 重要文本 strong.md
<em> 强调文本 em.md
<b> 粗体文本 b.md
<i> 斜体文本 i.md
<u> 下划线文本 u.md
<sup> 上标文本 sup.md
<sub> 下标文本 sub.md
<del> 删除文本 del.md
<ins> 插入文本 ins.md
<code> 代码文本 code.md
<pre> 预格式化文本 pre.md

3. 列表标签 #

标签 描述 文档链接
<ul> 无序列表 ul.md
<ol> 有序列表 ol.md
<li> 列表项 li.md
<dl> 定义列表 dl.md
<dt> 定义术语 dt.md
<dd> 定义描述 dd.md

4. 表格标签 #

标签 描述 文档链接
<table> 表格 table.md
<tr> 表格行 tr.md
<td> 表格单元格 td.md
<th> 表格表头 th.md
<caption> 表格标题 caption.md
<thead> 表格头部 thead.md
<tbody> 表格主体 tbody.md
<tfoot> 表格底部 tfoot.md

5. 表单标签 #

标签 描述 文档链接
<form> 表单容器 form.md
<input> 输入控件 input.md
<textarea> 文本域 textarea.md
<select> 下拉选择框 select.md
<option> 下拉选项 option.md
<button> 按钮 button.md
<label> 表单标签 label.md
<fieldset> 字段集 fieldset.md
<legend> 字段集标题 legend.md

6. 媒体标签 #

标签 描述 文档链接
<audio> 音频 audio.md
<video> 视频 video.md
<canvas> 画布 canvas.md
<figure> 媒体内容容器 figure.md
<figcaption> 媒体内容标题 figcaption.md

7. 语义化标签 #

标签 描述 文档链接
<header> 头部 header.md
<nav> 导航 nav.md
<main> 主要内容 main.md
<article> 文章 article.md
<section> 内容分区 section.md
<aside> 侧边栏 aside.md
<footer> 底部 footer.md
<time> 日期/时间 time.md
<mark> 高亮文本 mark.md
<address> 联系信息 address.md

8. 进阶知识 #

主题 描述 文档链接
语义化HTML 使用语义化标签构建页面 semantic-html.md
HTML5新特性 HTML5的新增功能 html5-features.md
可访问性 确保网站对所有用户可用 accessibility.md
最佳实践 HTML编码的最佳实践 best-practices.md
响应式设计 适配不同设备的设计 responsive-design.md

学习路径 #

入门阶段 #

  1. 了解HTML的基本概念和语法
  2. 学习基础标签的使用
  3. 创建简单的HTML页面

进阶阶段 #

  1. 掌握语义化标签的使用
  2. 学习表单和表格的高级用法
  3. 了解HTML5的新特性
  4. 学习响应式设计基础

高级阶段 #

  1. 深入研究可访问性
  2. 掌握性能优化技巧
  3. 学习与CSS和JavaScript的结合使用

资源推荐 #

贡献指南 #

欢迎对本指南进行贡献！如果你发现错误或有改进建议，请联系我们。

更新日志 #

  • 2026-02-06：创建初始版本，包含基础标签和进阶知识

继续探索本指南，逐步掌握HTML技术！

最后更新：2026-02-07