HTML 标签属性

HTML 标签属性用于为 HTML 元素提供的额外信息，如 id、name、宽度、高度、样式等等。标签属性通常包含在开始标签中，并以键值对的形式表示。

标签属性具有如下特点

1、属性一般定义在起始标签中，如

<div id="cardNo" style="color:#ff0000;">这个是正文内容</div>

２、属性总是以名称/值对的形式出现，比如：id="cardNo"

属性值一般用双引用包括起来了，用单引号也可以（不推荐）

属性名称和属性值均用小写字母（HTML 推荐标准）

３、标签具有通用属性和专用属性两种，通用属性是每个 html 均具有的属性，专用属性是指只有某个标签独有的属性

通用属性： 大多数标签均有的标签属性

属性名称	属性说明
class	html 元素定义一个或多个类名（ css 样式名称）
id	定义元素的唯一 id
style	规定元素的内联样式（inline style）
title	描述了元素的额外信息

代码示例：

<h6 style="color:#ff0000;">hello, world。</h6>

<h5 style="color:#00ff00;">hello, world。</h5>

<h4 style="color:#0000ff;">hello, world。</h4>

专用属性：不同标签具有的专用属性不一样，如 <img> 标签就有 src 和 alt 两个专有属性，<a> 标签有 href 和 target 两个专用属性，如下例所示：

<img src="./logo.png" alt="IT开发网" width="100" height="50">

<a href="http://www.itutil.net/" target="_blank">ItUtil.net</a>

常用的标签属性：

id：为元素定义唯一的标识符。

class：为元素定义一个或多个类名，用于指定元素的样式或 JavaScript 操作。

style：为元素定义内联样式，用于设置元素的具体样式属性。

src：定义引用外部资源的 URL，如图像、音频或视频文件。

href：定义链接的目标 URL，用于跳转到其他页面或位置。

alt：定义图像的替代文本，当图像无法显示时将显示该文本。

width 和 height：定义图像或表格的宽度和高度。

disabled：禁用表单元素或按钮，使其不可编辑或不可点击。

placeholder：为输入字段提供默认的提示文本。

required：指定表单字段为必填项。

readonly：将输入字段设置为只读，用户无法编辑其内容。

target：定义链接的打开方式，如在新窗口中打开或在当前窗口中打开。

colspan 和 rowspan：定义表格单元格跨越的列数或行数。

autoplay：指定音频或视频自动播放。