HTML：元素属性详解及代码示例

在HTML中，元素属性用于提供元素的额外信息。属性可以包含属性值，该值可以是指定属性的值，也可以是一个URL，一段文本或者一个数字。

以下是一些常见的HTML元素属性：

1. id：定义元素的唯一ID，用于CSS样式和JavaScript操作。
2. class：提供元素的类名，可以有多个类名，空格分隔。
3. style：直接在元素上定义CSS样式。
4. href：在链接元素（例如a元素）中定义目标URL。
5. src：在源元素（例如img元素）中定义资源的URL。
6. title：提供元素的额外信息，通常在鼠标悬停时显示。

以下是一些属性的代码示例：

<!-- 使用id定位元素 -->
<div id="header">...</div>
 
<!-- 使用class定义样式 -->
<div class="content">...</div>
 
<!-- 直接在元素上设置内联样式 -->
<div style="color: blue;">...</div>
 
<!-- 创建指向外部链接的超链接 -->
<a href="https://www.example.com">Visit Example.com</a>
 
<!-- 插入图片 -->
<img src="image.jpg" alt="Description of the image">
 
<!-- 添加工具提示 -->
<button title="Click to submit">Submit</button>

这些示例展示了如何在HTML文档中使用不同的属性。在实际开发中，可以根据需要选择合适的属性来增强页面的功能和可访问性。