引言
HTML（HyperText Markup Language）是构建网页的基础，它定义了网页的结构和内容。无论是初学者还是有一定基础的网页开发者，了解HTML都是至关重要的。本文将带你从HTML的基础知识开始，逐步深入，最终达到精通的程度。
第一章：HTML基础
1.1 HTML的基本结构
HTML文档的基本结构如下：
页面标题
：声明文档类型，表示这是一个HTML5文档。
：HTML文档的根元素。
：包含元数据，如页面的标题、字符编码等。
<br />
：定义页面标题。<br />
<body><br />
：包含页面的可见内容。<br />
1.2 常用标签<br />
HTML中有许多标签，以下是一些常用的标签：</p>
<h1>
至</p>
<h6>
：定义标题，</p>
<h1>
为最高级别。</p>
<p>
：定义段落。<br />
<a><br />
：定义超链接。<br />
<img><br />
：定义图像。</p>
<div>
：定义一个块级元素，常用于布局。<br />
<span><br />
：定义内联元素，常用于样式或脚本。<br />
第二章：HTML进阶<br />
2.1 表格<br />
表格是HTML中用于展示数据的常用元素。以下是一个简单的表格示例：</p>
<table border="1">
<tr>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
<tr>
<td>张三</td>
<td>25</td>
<td>程序员</td>
</tr>
<tr>
<td>李四</td>
<td>30</td>
<td>设计师</td>
</tr>
</table>
<p>2.2 列表<br />
HTML中有两种列表：有序列表和无序列表。<br />
有序列表使用</p>
<ol>
和</p>
<li>
标签，如下所示：</p>
<ol>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ol>
<p>无序列表使用</p>
<ul>
和</p>
<li>
标签，如下所示：</p>
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>
<p>2.3 表单<br />
表单是HTML中用于收集用户输入的元素。以下是一个简单的表单示例：</p>
<form action="submit.php" method="post">
<label for="name">姓名：</label><br />
<input type="text" id="name" name="name"><br />
<label for="email">邮箱：</label><br />
<input type="email" id="email" name="email"><br />
<input type="submit" value="提交"><br />
</form>
<p>第三章：HTML与CSS<br />
HTML与CSS（Cascading Style Sheets）结合使用可以创建更加美观和交互式的网页。以下是一个简单的HTML与CSS结合的示例：<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<title>HTML与CSS结合示例
欢迎来到我的网页
第四章：HTML与JavaScript
HTML与JavaScript结合使用可以创建动态和交互式的网页。以下是一个简单的HTML与JavaScript结合的示例：
HTML与JavaScript结合示例
点击下面的按钮，将弹出一个对话框
第五章：HTML5新特性
HTML5是HTML的最新版本，它引入了许多新特性和元素，使网页开发更加便捷。以下是一些HTML5的新特性：
、
、