简介
HTML（Hypertext Markup Language）是用于创建网页的标准标记语言。HTML 不是一种编程语言，而是一种标记语言，它告诉浏览器如何组织页面。本教程将深入介绍 HTML 中常见的标签。
什么是 HTML 标签？
HTML 标签是由角括号包围的关键词，通常成对出现，用于告诉浏览器如何解释内容。大多数 HTML 标签都有一个开始标签和一个结束标签，例如 <p> 表示段落的开始，而 </p> 表示段落的结束。
常见的 HTML 标签
1. <!DOCTYPE html> 声明
HTML 文档必须以 <!DOCTYPE html> 开头，用于告诉浏览器文档类型。
示例：
<!DOCTYPE html>
<html>
...
</html>
2. <html> 标签
<html> 标签包裹整个 HTML 文档的内容。
示例：
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
...
</body>
</html>
3. <head> 标签
<head> 标签用于包含不在网页主体中显示的内容，如标题、样式和脚本。
示例：
<!DOCTYPE html>
<html>
<head>
<title>我的网页</title>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
...
</html>
4. <body> 标签
<body> 标签包含了网页的主体内容，如文本、图像和超链接等。
示例：
<!DOCTYPE html>
<html>
<head>
...
</head>
<body>
<h1>我的标题</h1>
<p>这是一个段落。</p>
</body>
</html>
5. <h1> - <h6> 标签
HTML 中有六个级别的标题，从 <h1>（最重要）到 <h6>（最不重要）。
示例：
<h1>这是一个大标题</h1>
<h2>这是一个中等大小的标题</h2>
...
<h6>这是一个很小的标题</h6>
6. <p> 标签
<p> 标签定义了一个段落。浏览器会自动在段落前后添加一些空白。
示例：
<p>这是第一个段落。</p>
<p>这是第二个段落。</p>
7. <a> 标签
<a> 标签定义了超链接，用于从一个页面链接到另一个页面。
示例：
<a href="https://www.example.com">点击这里访问示例网站</a>
8. <img> 标签
<img> 标签用于在 HTML 页面中嵌入图像。
示例：
<img src="image.jpg" alt="描述这个图片的文字">
9. <div> 和 <span> 标签
<div> 标签是块级元素，用于组合其他 HTML 元素以达到某种效果。<span> 标签是内联元素，用于对文本的某个部分进行单独样式设定。
示例：
<div style="background-color:yellow;">
<p>这是一个有黄色背景的段落。</p>
</div>
<p>这里是普通文本，<span style="color:blue;">这部分文字是蓝色的。</span></p>