許多元素都可以設(shè)置屬性。
也許你還記得,HTML通過標(biāo)簽告訴瀏覽器如何展示網(wǎng)頁(比如<br />告訴瀏覽器顯示一個換行)。你可以為某些元素附加一些信息,這些附加信息被稱為屬性(attribute)。
例1:
<h2 style="background-color:#ff0000;">我跟HTML的友誼</h2>
屬性應(yīng)寫在元素的首標(biāo)簽上。具體寫法是:屬性名稱(attribute name)后緊跟一個等號(“=”),后面寫上用雙引號括起來的屬性值(attribute value)。對于style屬性的值,可以用分號(“;”)來分隔多個樣式指令。這個后面會介紹。
屬性有許多,我們首先學(xué)習(xí)的是style屬性,它用于為網(wǎng)頁設(shè)定樣式,比如設(shè)置背景顏色等。
例2:
<html> <head> </head> <body style="background-color:#ff0000;"> </body> </html>
該例將在瀏覽器中顯示一個全是紅色的頁面——自己動手試試看。稍后我們會詳細(xì)講解顏色設(shè)置的原理。
注意,一些元素和屬性的名稱采用的是美式拼寫,比如color(而不是colour)。請留意本教程中元素與屬性名稱的拼寫,千萬不要寫錯——否則瀏覽器將無法理解你的代碼。而且,別忘了用雙引號把屬性值(attribute value)括起來。
在上例中,我們將網(wǎng)頁的背景顏色設(shè)置為“#ff0000”,這個十六進制代碼(HEX)代表紅色。每個顏色都有其對應(yīng)的十六進制代碼。下面是一些例子:
白色: #ffffff
黑色: #000000
紅色: #ff0000
蘭色: #0000ff
綠色: #00ff00
黃色: #ffff00
十六進制代碼由“#”打頭,后面跟六位數(shù)字或字母。
除此以外,對于一些最常用的顏色(比如白色、黑色、紅色、蘭色、綠色及黃色等),你還可以使用它們的英語名稱。
例3:
<body style="background-color: red;">
關(guān)于顏色就講這么多了。讓我們繼續(xù)學(xué)習(xí)屬性。
不同元素使用不同的屬性。
有些元素(比如body等)被添加屬性的機會比較大,而有些元素(比如br等)則較小、甚至不會被添加屬性。
HTML里有很多元素,同樣也有很多屬性。有些屬性僅用于個別元素,有些屬性可用于很多元素。反之亦然:有些元素只能使用個別屬性,有些元素可以使用較多的屬性。
聽起來這也許很令人困惑,不過一旦你熟悉了各個屬性,就會感到很簡單,并覺得它們很有用處。
本教程將介紹大多數(shù)重要屬性。
一般來說,一個元素包括一個首標(biāo)簽(start tag)、零或多個屬性(attribute)、一些內(nèi)容和一個尾標(biāo)簽(end tag)。就這么簡單,