HTML 完全指南

欢迎来到HTML完全指南！本指南将帮助你从基础到进阶全面掌握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> 无序列表 即将推出
<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 使用语义化标签构建页面 语义化html
HTML5新特性 HTML5的新增功能 html5-新特性
可访问性 确保网站对所有用户可用 可访问性accessibility
最佳实践 HTML编码的最佳实践 html最佳实践
响应式设计 适配不同设备的设计 响应式设计基础

学习路径

入门阶段

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

进阶阶段

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

高级阶段

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

资源推荐

贡献指南

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

更新日志

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

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

最后更新：2026-02-07