# HTML属性大全
HTML属性是赋予HTML元素附加信息的方法，它们常常在HTML元素标签的开头标签中定义，有一些属性是几乎所有HTML元素都可以使用的，如 id、class、style 等，而有些属性则是特定元素特有的。
以下是一些常见的HTML属性列表：
1. **全局属性**：适用于所有HTML元素
* `class`: 为元素定义一个或多个类名。
* `id`: 定义元素的唯一ID。
* `style`: 为元素提供内联CSS样式。
* `title`: 定义元素的额外信息（作为工具提示显示）。
* `data-*`: 自定义数据属性，用于存储页面或应用程序的私有数据。
2. **链接属性**：适用于`、、、`等元素
* `href`: 定义链接的URL。
* `target`: 定义链接在哪里打开。
3. **资源属性**：适用于`、、、、`等元素
* `src`: 定义引用资源的URL。
* `alt`: 定义图像的替代文本。
4. **表单属性**：适用于`、、、`等元素
* `value`: 定义输入元素的初始值。
* `name`: 定义元素的名称。
* `placeholder`: 定义输入字段的短提示。
* `disabled`: 定义禁用输入元素。
* `readonly`: 定义输入元素为只读。
* `checked`: 定义选中输入元素。
* `required`: 定义输入字段是否必填。 定义单元格应跨越多少列。
* `rowspan`: 定义单元格应跨越多少行。
以上只是部分HTML属性的列举，实际上HTML有很多其他的属性，你可以在HTML文档规范中查看完整的列表，下面我们来看一个使用HTML属性示例：
<!DOCTYPE html>
<html>
<head>
<title>HTML属性示例</title>
</head>
<body>
<!-- 使用id和class属性 -->
<div id="myDiv" class="myClass">这是一个div元素</div>
<!-- 使用style属性 -->
<p style="color:blue;font-size:20px;">这是一个段落</p>
<!-- 使用data-*属性 -->
<button data-tooltip="点击这里">点击我</button>
<!-- 使用链接属性 -->
<a href="https://www.example.com" target="_blank">这是一个链接</a>
<!-- 使用资源属性 -->
<img src="image.jpg" alt="我的图片">
</body>
</html>
在上面的示例中，我们展示了如何使用不同类型的HTML属性，在实际开发中，合理使用HTML属性可以帮助你更好地控制页面的布局和行为，提高代码的可读性和可维护性。
