用<img>這個Tag可以在HTML里面插入圖片。最基本的語法如下：

　　<img src="url"> 

　　url表示圖片的路徑和文件名。比如url可以是http://www./images/logo/blabla_logo01.gif，也可以是個相對路徑"../images/logo/blabla_logo01.gif"。

　　示例

圖片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é)，這相當于25000字的文本。因此瀏覽器載入圖片比較費時，建議一個HTML文件里不要包含過多的圖片，否則會影響你的網(wǎng)頁顯示速度。

更多示例

　　背景圖片

　　這個示例演示如何將一個圖片作為HTML網(wǎng)頁的背景圖片。

　　將一個圖片作為一個超鏈接

　　這個示例演示了如何將一個圖片作為一個超鏈接，即點擊一個圖片，可以連接到其它文件。