HTML attributes 可用于更改 HTML 元素的颜色、大小和其他特征,例如,您可以使用属性更改文本元素的字体的颜色或大小,或图像元素的宽度和高度。

在开头标签中放置一个 HTML 属性,如下:

1<element attribute="property:value;">

一个常见的属性是风格,它允许您将风格属性添加到HTML元素中,虽然使用单独的风格表来确定HTML文档的风格更常见,但我们将在本教程中使用HTML文档中的风格属性。

使用风格属性

我们可以用风格属性改变一个<h1>元素的多个属性. 清除您的index.html文件,并将下面的代码粘贴到您的浏览器中。

1<h1 style="font-size:40px;color:green;">This text is 40 pixels and green.</h1>

在我们在浏览器中加载文件之前,让我们审查这个HTML元素的每个部分:

• h1是标签的名称. 它指的是最大的标题元素.
• style 是属性. 该属性可以采用各种不同的属性.
• font-size 是我们为 style 属性设置的第一个属性.
• 40px; 是属性 font-size 的值,该属性将元素的文本内容设置为 40 像素.
• color 是我们为 style 属性设置的第二个属性。

请注意,属性和值包含引用标记,并且每个属性:值对都以半色符号结束。

保存文件并在您的浏览器中重新加载它(有关在您的浏览器中加载文件的说明,请参阅我们的教程)。

This text is 40 pixels and green.

您现在已经学会了如何使用风格属性来更改文本元素的字体大小和字体颜色. 请注意,某些元素 _require_属性,如<a>元素,允许您添加链接到文本或图像,以及<img>元素,允许您将图像添加到文档中。