第7課屬性

許多元素都可以設定屬性。

也許你還記得，html通過標籤告訴瀏覽器如何展示網頁（比如

告訴瀏覽器顯示乙個換行）。你可以為某些元素附加一些資訊，這些附加資訊被稱為屬性（attribute）。

例1：

屬性應寫在元素的首標籤上。具體寫法是：屬性名稱（attribute name）後緊跟乙個等號（「=」），後面寫上用雙引號括起來的屬性值（attribute value）。對於style屬性的值，可以用分號（「;」）來分隔多個樣式指令。這個後面會介紹。

屬性有許多，我們首先學習的是style屬性，它用於為網頁設定樣式，比如設定背景顏色等。

例2：

該例將在瀏覽器中顯示乙個全是紅色的頁面——自己動手試試看。稍後我們會詳細講解顏色設定的原理。

注意，一些元素和屬性的名稱採用的是美式拼寫，比如color（而不是colour）。請留意本教程中元素與屬性名稱的拼寫，千萬不要寫錯——否則瀏覽器將無法理解你的**。而且，別忘了用雙引號把屬性值（attribute value）括起來。

在上例中，我們將網頁的背景顏色設定為「#ff0000」，這個十六進製制**（hex）代表紅色。每個顏色都有其對應的十六進製制代碼。下面是一些例子：

白色： #ffffff

黑色： #000000

紅色： #ff0000

蘭色： #0000ff

綠色： #00ff00

黃色： #ffff00

十六進製制**由「#」打頭，後面跟六位數字或字母。由於這樣的十六進製制**太多，不便記住哪個**對應哪個特定顏色。為此，我們為最常用的216個顏色製作了一張表，供大家參閱：216 個網頁安全顏色表。

除此以外，對於一些最常用的顏色（比如白色、黑色、紅色、蘭色、綠色及黃色等），你還可以使用它們的英語名稱。

例3：

關於顏色就講這麼多了。讓我們繼續學習屬性。

不同元素使用不同的屬性。

有些元素（比如body等）被新增屬性的機會比較大，而有些元素（比如br等）則較小、甚至不會被新增屬性。

html裡有很多元素，同樣也有很多屬性。有些屬性僅用於個別元素，有些屬性可用於很多元素。反之亦然：有些元素只能使用個別屬性，有些元素可以使用較多的屬性。

聽起來這也許很令人困惑，不過一旦你熟悉了各個屬性，就會感到很簡單，並覺得它們很有用處。

本教程將介紹大多數重要屬性。

一般來說，乙個元素包括乙個首標籤（start tag）、零或多個屬性（attribute）、一些內容和乙個尾標籤（end tag）。就這麼簡單，參見下圖。

第7課 屬性