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