第一章：HTML基础

1.4 HTML属性

HTML属性提供了关于HTML元素的额外信息。它们通常出现在开始标签中，并且总是以名称/值对的形式出现，例如：name="value"。属性用于修改元素的行为或提供元数据。

常见属性

以下是一些常用的HTML属性：

• id: 为元素指定一个唯一的标识符。
• class: 指定元素所属的一个或多个类（用于CSS样式）。
• style: 指定元素的行内CSS样式。
• title: 提供元素的额外信息，通常在鼠标悬停时显示。
• src: 指定嵌入在文档中的图像、视频或音频文件的路径。
• href: 指定链接的目标URL。
• alt: 为图像提供替代文本，当图像无法显示时显示。

示例代码

以下是一些使用属性的HTML元素示例：

<!-- 链接 -->
<a href="https://www.example.com">访问示例网站</a>

<!-- 图像 -->
<img src="image.jpg" alt="描述文本" />

<!-- 段落 -->
<p id="intro">这是一个介绍段落。</p>

<!-- 样式 -->
<p style="color: blue;">这是一个蓝色的段落。</p>

<!-- 标题 -->
<h1 title="主标题">欢迎来到我的网站</h1>
        

在上述示例中，我们可以看到不同的属性如何被用来提供关于元素的信息或修改它们的行为。例如，href属性用于指定链接的目标URL，src属性用于指定图像文件的路径，id属性用于为元素指定一个唯一的标识符，style属性用于应用行内样式，title属性用于提供额外的信息。

属性是HTML中一个非常重要的概念，它们允许我们为元素添加额外的信息和功能。在接下来的章节中，我们将继续探讨更多关于HTML属性的内容，以及它们如何与CSS和JavaScript一起使用来创建动态和互动的网页。