萬盛學電腦網

 萬盛學電腦網 >> 網絡編程 >> 安卓開發 >> HTML圖片介紹

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圖片了。希望大家繼續關注我們的網站!

copyright © 萬盛學電腦網 all rights reserved