示例
圖片alt屬性
<img>中有一個alt屬性,英文叫alternate text。例句如下:
<img src = "../images/html_tutorials/smile.jpg" alt="smile face">
假使瀏覽器沒有載入圖片的功能,瀏覽器就會轉(zhuǎn)而顯示Alt屬性的值。
其實,現(xiàn)在大多數(shù)瀏覽器都支持圖片載入。在此介紹Alt屬性,是因為它的另外一個重要功能。目前搜索引擎抓取工具無法識別圖像中所含的文字,所以用ALT屬性寫上圖片的說明,便于搜索引擎抓取你網(wǎng)頁的內(nèi)容。
示例
圖片align屬性
用align屬性,可以改變圖片的垂直(居上、居中、居下)對齊方式和水平對齊方式(居左、居中、居右)。
示例
圖片的大小
在缺省狀況下,圖片顯示原有的大小。你可以用height和width屬性改變圖片的大小。不過圖片的大小一旦被改變,圖片會相應(yīng)放大或縮小,顯示出來的結(jié)果可能會很難看。
示例
建議
圖片相對文字,所占的字節(jié)數(shù)較多,比如一個全屏的圖片,即使經(jīng)過壓縮,也要占去大約50k字節(jié),這相當(dāng)于25000字的文本。因此瀏覽器載入圖片比較費時,建議一個HTML文件里不要包含過多的圖片,否則會影響你的網(wǎng)頁顯示速度。
更多示例
背景圖片
這個示例演示如何將一個圖片作為HTML網(wǎng)頁的背景圖片。
將一個圖片作為一個超鏈接
這個示例演示了如何將一個圖片作為一個超鏈接,即點擊一個圖片,可以連接到其它文件。