HTML圖片介紹

下面我們給大家介紹一下HTML圖片吧!希望大家可以在這裡學習!

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

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

圖片alt屬性

中有一個alt屬性，英文叫alternate text。例句如下：

假使浏覽器沒有載入圖片的功能，浏覽器就會轉而顯示Alt屬性的值。

其實，現在大多數浏覽器都支持圖片載入。在此介紹Alt屬性，是因為它的另外一個重要功能。目前搜索引擎抓取工具無法識別圖像中所含的文字，所以用ALT屬性寫上圖片的說明，便於搜索引擎抓取你網頁的內容。

圖片align屬性

用align屬性，可以改變圖片的垂直(居上、居中、居下)對齊方式和水平對齊方式(居左、居中、居右)。

圖片的大小

在缺省狀況下，圖片顯示原有的大小。你可以用height和width屬性改變圖片的大小。不過圖片的大小一旦被改變，圖片會相應放大或縮小，顯示出來的結果可能會很難看。

建議

圖片相對文字，所占的字節數較多，比如一個全屏的圖片，即使經過壓縮，也要占去大約50k字節，這相當於25000字的文本。因此浏覽器載入圖片比較費時，建議一個HTML文件裡不要包含過多的圖片，否則會影響你的網頁顯示速度。

以上就是我們給大家介紹的HTML圖片了。希望大家繼續關注我們的網站!