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