HTML 文档由一系列的元素组成，这些元素通过标签来定义。标签是用尖括号包裹的关键字，例如 <p> 表示段落，<a> 表示超链接。
HTML 标签通常是成对出现的，比如 <div> 和 </div>，称为双边标记；也有少部分单标签（单边标记），如 <br />、<hr /> 和 <img src="images/1.jpg" /> 等。
属性与标记之间、各属性之间需要以空格隔开，且属性值需要用双引号括起来。
HTML 元素是由开始标签、结束标签和它们之间的内容组成的整体。例如，<p>这是一个段落。</p> 中，<p> 是开始标签，</p> 是结束标签，而 "这是一个段落。" 是内容。
HTML 不区分大小写，但建议标签名、类名、标签属性和大部分属性值统一使用小写，以便于阅读和维护。
属性为 HTML 元素提供额外的信息，这些信息不会直接显示在页面上，但会影响元素的行为或样式。例如：
<a href="https://example.com" title="访问示例网站">示例链接</a>
在这个例子中，href 属性指定了链接的目标 URL，title 属性提供了鼠标悬停时显示的额外信息。
HTML 提供了多种属性，包括全局属性和特定元素支持的特色属性。
HTML 的全局属性可以被所有元素使用，常用的有：
class：用于标记作用，便于样式和脚本的应用。
<div class="container">内容区域</div>
contenteditable：使内容可编辑。
<p contenteditable="true">这段文字可以编辑。</p>
hidden：隐藏元素。
<p hidden>这段文字将被隐藏。</p>
id：唯一标识元素。
<div id="header">页头</div>
style：内联样式（尽量避免使用）。
<p style="color: red;">红色文字</p>
tabindex：控制键盘导航顺序。
<button tabindex="1">第一个焦点</button><button tabindex="2">第二个焦点</button>
title：提供额外信息。
<abbr title="HyperText Markup Language">HTML</abbr>
此外，还有以下全局属性：
data-*：用于存储自定义数据。
<div data-user-id="12345">用户信息</div>
lang：指定文档的语言。
<html lang="en">...</html>
translate：指定元素内容是否应翻译。
<p translate="no">不翻译的内容</p>
特色属性则是某些特定元素独有的，例如：
<input> 元素的 type 属性，用于定义输入类型。
<input type="text" placeholder="请输入文本"><input type="password" placeholder="请输入密码">
<img> 元素的 src 和 alt 属性，分别用于指定图像路径和替代文本。
<img src="image.jpg" alt="描述性文字">
<a> 元素的 href 属性，用于定义链接目标。
<a href="https://example.com" target="_blank">打开新窗口的链接</a>
通过这些属性，HTML 元素能够实现丰富的功能和交互效果。
