1. HTML是什么？
HTML (Hyper Text Markup Language)是一种标记语言，它被用来创建网站。
HTML 中的 "超文本" 意味着它支持超链接，这使得用户可以从一个网页跳转到另一个网页。
HTML 使用不同的标记来定义网页上不同的部分（如标题、段落、图片等），这些标记被称为标签。标签告诉浏览器如何显示网页的内容。
HTML 的基本结构如下：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
1.1 DOCTYPE
DOCTYPE 声明位于文档的最前面，它告诉浏览器，文档使用的是哪个 HTML 版本。
HTML5 的 DOCTYPE 声明如下：
<!DOCTYPE html>1.2 html标签
HTML 文档必须以 <html> 标签开始，以</html> 结束。
大多数标签都必须嵌套在 <html> 标签内。
示例：
<!DOCTYPE html>
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页内容
</body>
</html>
2. 标签的使用
2.1 常见的HTML标签
HTML 中有许多标签，每个标签都有不同的作用。
常见的 HTML 标签有：
<h1> - <h6>：定义标题
<p>：定义段落
<a>：定义链接
<img>：定义图像
<ul>：定义无序列表
<ol>：定义有序列表
<li>：定义列表项
<div>：定义一个容器
<span>：定义一小段文本
<form>：定义一个表单
<input>：定义输入字段
<select>：定义下拉列表框
<textarea>：定义多行输入字段
2.2 标签的属性
HTML 标签可以包含属性，属性为标签提供了额外的信息。
属性必须包含在标签的开始标记中，在属性名和属性值之间加上一个等号。
示例：
<a href="https://www.example.com">链接</a>上面的例子使用了 href 属性定义链接的 URL。
3. 排版
3.1 标题
HTML 提供了六个不同的标题标记，由大到小分别为 <h1> 至 <h6>。通常，<h1> 用于最重要的标题，<h6> 用于最不重要的标题。
示例：
<h1>这是h1标题</h1>
<h2>这是h2标题</h2>
<h3>这是h3标题</h3>
<h4>这是h4标题</h4>
<h5>这是h5标题</h5>
<h6>这是h6标题</h6>
3.2 段落
HTML 使用 <p> 标记定义段落。
示例：
<p>这是一个段落</p>
<p>这是另一个段落</p>
3.3 行内元素和块级元素
HTML 元素被分为两类：行内元素和块级元素。
块级元素：总是在新行上开始，占用整个可用宽度（除非另行规定）。
行内元素：不占用整个行的宽度，只占据它所包含的内容的宽度。
示例：
<p>这是一个 <a href="#">链接</a>.</p>
<p>这是另一个段落</p>
<h3>这是一个标题</h3>
4. 图像
4.1 插入图像
HTML 使用 <img> 标签插入图像。
图像必须具有以下三个属性中的至少一个：
src：指定图像的 URL。
alt：指定图像的替代文本。
title：指定图像的标题。
示例：
<img src="example.jpg" alt="示例图像">
4.2 对齐图像
可以使用 align 属性设置图像的对齐方式。
示例：
<img src="example.jpg" align="left">
<img src="example.jpg" align="right">
5. 链接
5.1 创建链接
HTML 使用 <a> 标签创建链接。
示例：
<a href="https://www.example.com">示例链接</a>
5.2 锚点
在页面内创建链接，通常使用锚点（锚点是页面内的超链接，使用户可以通过单击链接跳转到页面的不同部分。）
创建锚点需要两个步骤：
在要跳转到的位置添加一个锚点：<a name="example"></a>
在链接中添加一个 # 符号和锚点名称：<a href="#example">跳转到锚点</a>
示例：
<a name="example"></a>
<p><a href="#example">跳转到 example</a>.</p>
6. 表格
6.1 创建表格
HTML 使用 <table> 标签创建表格。
示例：
<table>
<tr>
<th>表头</th>
<th>表头</th>
</tr>
<tr>
<td>单元格</td>
<td>单元格</td>
</tr>
</table>
6.2 合并单元格
有时需要将多个单元格合并为一个单元格。
HTML 提供了 rowspan 和 colspan 属性来实现单元格的合并。
示例：
<table>
<tr>
<th colspan="2">表头</th>
</tr>
<tr>
<td rowspan="2">单元格</td>
<td>单元格</td>
</tr>
<tr>
<td>单元格</td>
</tr>
</table>
7. 表单
7.1 创建表单
HTML 使用 <form> 标签创建表单。
示例：
<form action="example.php" method="post">
表单内容
</form>
7.2 表单元素
HTML 表单元素用于收集用户输入的数据。
HTML 提供了一组不同的表单元素，包括文本框、下拉列表框、单选按钮等。
示例：
<form action="example.php" method="post">
<input type="text" name="username">
</form>
上面的例子创建了一个文本框，供用户输入用户名。
7.3 表单属性
HTML 表单可以包含很多属性，一些常用的属性如下所示：
action：表单提交的 URL 地址。
method：表单提交的 HTTP 方法。常用的值有 "get" 和 "post"。
name：表单名称。
示例：
<form action="example.php" method="post" name="exampleForm">
表单内容
</form>
总结
HTML 是创建网站的基础，它使用标签来定义网页上不同的部分。HTML 标签可以包含属性，属性为标签提供了额外的信息。HTML 中有许多标签，每个标签都有不同的作用。HTML 元素被分为两类：行内元素和块级元素。HTML 提供了一组不同的表单元素，用于收集用户输入的数据。