通過前面的學習，我們已經對HTML標簽有了簡單的認識，知道可以在標簽中可以添加一些屬性，這些屬性包含了標簽的額外信息，例如：

（1）href 屬性可以為 <a> 標簽提供鏈接地址；

（2）src 屬性可以為 <img> 標簽提供圖像的路徑；

（3）style 屬性可以為幾乎所有標簽定義CSS 樣式。

本篇我們就來講解一下 HTML 標簽屬性的定義和用法。

一、什么是屬性？

屬性可以為 HTML 標簽提供一些附加信息，或者對 HTML 標簽進行修飾。屬性需要添加在開始標簽中，語法格式為：

attr="value"

attr 表示屬性名，value 表示屬性值。屬性值必須使用雙引號" "或者單引號' '包圍。

注意：雖然雙引號和單引號都可以包圍屬性值，但是為了規(guī)范和專業(yè)，請盡量使用雙引號。

一個標簽可以沒有屬性，也可以有一個或者多個屬性。

使用 HTML 屬性的例子：

<p id="user-info" class="color-red">歡迎您 <font color="red" 
size="3">用戶名</font> 來到C語言網，您已經使用本站3年，這是您第264次登錄。<p>
<div class="clearfloat">
    <p class="left">用戶名賬號信息</p>
    <p class="right">用戶名個性簽名</p>
</div>

展示如下：

1. 專用屬性

HTML 屬性有很多，大體可以分為兩類：

（1）有些屬性適用于大部分或者所有 HTML 標簽，我們將這些屬性稱為通用屬性；

（2）有些屬性只適用于一個或者幾個特定的 HTML 標簽，我們將這些屬性稱為專用屬性。

HTML 中的 <img> 標簽就有 src 和 alt 兩個專用屬性，<a> 標簽也有 href 和 target 兩個專用屬性，如下例所示：

<img src="./logo.png" alt="C語言網Logo" width="100" height="50">

<a href="http://c.biancheng.net/" target="_blank">C語言網</a>

對代碼的說明：

<img> 標簽中的 src 屬性用來定義圖像的路徑，alt 屬性用來定義圖像的描述信息，當圖像出現(xiàn)異常無法正常顯示時就會顯示 alt 中的信息。

<a> 標簽的 href 屬性用來定義鏈接的地址，target 屬性用來定義新頁面在瀏覽器中的打開方式。

2. 自定義屬性

除了自帶的屬性，HTML 也允許我們自定義屬性，這些屬性雖然可以被瀏覽器識別，但是并不會添加什么特殊效果，我們需要借助 CSS 和 JavaScript 處理自定義屬性，為 HTML 標簽添加指定樣式或者行為。

二、HTML 屬性

● HTML 元素可以設置屬性

● 屬性可以在元素中添加附加信息

● 屬性一般描述于開始標簽

● 屬性總是以名稱/值對的形式出現(xiàn)，比如：name="value"。

小結：HTML中的元素可以通過設置屬性為HTML元素提供附加信息；屬性，為屬于該元素的特性。

1. 常用屬性

以下為適用于大多數(shù)HTML元素的屬性

（1）class

為html元素定義一個或多個類名(classname)(類名從樣式文件引入)

class屬性可以多用，即class="classname1 classname2 classname3 ..." (引號里面可以填入多個class屬性)

（2）id

定義元素的唯一id

id屬性只能單獨設置，即id="myid"（只能填寫一個，多個無效）

（3）style

規(guī)定元素的行內樣式(inline style)

（4）title

描述了元素的額外信息(作為工具條使用)

2. HTML 屬性常用引用屬性值

屬性值應該始終被包括在引號內。

雙引號是最常用的，不過使用單引號也沒有問題。

提示: 在某些個別的情況下，比如屬性值本身就含有雙引號，那么您必須使用單引號，例如：

name='John "ShotGun" Nelson'

3. HTML 提示：使用小寫屬性

屬性和屬性值對大小寫不敏感。

不過，萬維網聯(lián)盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。

而新版本的 (X)HTML 要求使用小寫屬性。

4. HTML 屬性參考手冊

查看完整的HTML屬性列表: HTML 標簽列表。

下面列出了適用于大多數(shù) HTML 元素的屬性：