HTML，全称HyperText Markup Language，是用于创建网页的标准标记语言。它构成了互联网的基础，让开发者能够构建结构化的页面，并通过超链接将信息组织在一起。本教程和参考文档旨在帮助你深入理解和熟练运用HTML，无论你是初学者还是有经验的开发者，都能从中受益。
一、HTML基本结构
HTML文档通常由`<!DOCTYPE html>`声明开始，定义了文档类型为HTML5。接着是`<html>`元素，它是整个文档的根元素，包含了`<head>`和`<body>`两个主要部分。`<head>`包含元数据，如标题（`<title>`）、字符集（`<meta charset>`）等，而`<body>`则包含实际的可见内容。
二、HTML元素
HTML由各种元素组成，每个元素都有开始标签（如`<p>`）和结束标签（如`</p>`）。元素可以分为块级元素（如`<div>`、`<p>`）和内联元素（如`<a>`、`<span>`）。块级元素占据整个宽度并新行显示，内联元素则在一行内按顺序排列。
三、HTML属性
元素可以拥有属性，用来设置额外的信息。例如，`<a>`元素的`href`属性用于指定链接的目标URL，`<img>`元素的`src`属性用于指定图像源。属性值通常用双引号包围。
四、HTML文本格式化
HTML提供了多种元素来控制文本样式，如`<b>`（粗体）、`<i>`（斜体）、`<u>`（下划线）和`<em>`（强调）。此外，`<strong>`和`<em>`元素更推荐用于语义化强调，而非纯粹的视觉效果。
五、HTML列表
HTML支持有序列表（`<ol>`）和无序列表（`<ul>`），以及列表项（`<li>`）。列表可用于呈现信息或步骤。
六、HTML表格
`<table>`元素用于创建表格，`<tr>`表示行，`<th>`表示表头，`<td>`表示单元格。`<caption>`元素用于添加表格标题，`<colgroup>`和`<col>`可定义列属性。
七、HTML链接与导航
`<a>`元素创建超链接，`href`属性指向目标URL。`<nav>`元素常用于组织网站的主要导航。
八、HTML图像
`<img>`元素插入图像，`src`属性定义图像源，`alt`属性提供替代文本，对搜索引擎优化和辅助功能至关重要。
九、HTML段落与换行
`<p>`元素定义段落，`<br>`元素用于强制换行。`<hr>`元素创建水平分割线。
十、HTML表格
`<form>`元素用于创建表单，`<input>`、`<textarea>`、`<select>`等元素用于用户输入。表单数据可以通过`action`属性指定的URL发送。
十一、HTML5新特性
HTML5引入了许多新元素，如`<header>`、`<footer>`、`<section>`、`<article>`等，提高了语义化；`<canvas>`用于图形绘制，`<video>`和`<audio>`支持多媒体播放。
十二、响应式设计
HTML5配合CSS3的媒体查询（`@media`）和弹性布局（Flexbox）或网格布局（Grid），使页面能根据设备屏幕大小自动调整布局。
学习HTML不仅是创建静态网页的基础，也是进一步学习CSS和JavaScript等前端技术的前提。通过这份参考文档，你可以系统地掌握HTML的基本语法和应用，从而实现网页的构建和美化。
