HTML属性
HTML属性介绍
HTML属性是特殊的单词,可提供有关元素的附加信息,或者属性是HTML元素的修饰符。
每个元素或标签都可以具有属性,这些属性定义了该元素的行为。
属性应始终与开始标签一起使用。
属性应始终是名称和值一起使用。
属性名称和值区分大小写,W3C建议仅将其写为小写。
您可以在一个HTML元素中添加多个属性,但需要在两个属性之间留出空格。
语法
<element attribute_name="value">content</element>
示例
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1>这是样式属性</h1>
<p style="height: 50px; color: blue">它将在元素中添加样式属性</p>
<p style="color: red">它将更改内容的颜色</p>
</body>
</html>
输出:
说明上面的示例:
<p style="height:50px; color: blue">它将在元素中添加样式属性</p>
在上面的语句中,我们使用了应用了style属性的段落标签。此属性用于将CSS属性应用于任何HTML元素。它为50px的段落元素提供高度,并将其颜色变为蓝色。
<p style="color:red">它将更改内容的颜色</p>
在上面的语句中,我们再次在段落标签中使用了style属性,该属性将其颜色变为红色。
注意:下面列出了一些常用属性,HTML属性列表中列出了所有属性的完整列表和说明。
HTML中的title属性
说明: title属性在大多数浏览器中用作文本工具提示。当用户将光标移到链接或任何文本上时,它将显示其文本。您可以将其与任何文本或链接一起使用以显示有关该链接或文本的描述。在我们的示例中,我们将其与段落标签和标题标签一起使用。
示例
带有<h2>标签:
<h1 title="这是标题">这是样式属性</h1>
带有<p>标签:
<p title="这是段落">在元素中添加样式属性</p>
代码:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<h1 title="这是标题标签">title属性示例</h1>
<p title="这是段落标签">将光标移到标题和段落上,您将看到说明作为工具提示</p>
</body>
</html>
输出:
HTML中的href属性
说明: href属性是<a>标签的主要属性。此属性提供在该链接中指定的链接地址。 href属性提供了超链接,如果为空白,则将保留在同一页面。
示例
具有链接地址:
<a href="https://www.lidihuo.com/html/html-index.html">这是一个链接</a>
没有链接地址:
src属性
src 属性是
的重要且必需的属性之一元件。它是需要在浏览器上显示的图像的源。此属性可以包含同一目录或另一个目录中的图像。图片名称或来源应正确,否则浏览器将不会显示图片。
示例
<img src="htmldemo.jpg" height="400" width="600">
注意:上面的示例还具有height和width属性,该属性定义网页上图像的高度和宽度。
输出:
引号:是单引号还是双引号?
在本章中,您已经看到,我们使用了带双引号的属性,但是有些人可能在HTML。因此,也可以使用带有HTML属性的单引号。以下两个语句绝对正确。
<a href="https://www.lidihuo.com">一个HTML链接。</a>
<a href='https://www.lidihuo.com'>一个HTML链接。</a>
在HTML5中,您也可以省略属性值周围的引号。
<a href=https://www.lidihuo.com>一个HTML链接。</a>