圖像標記

1.圖像的格式

1.1 GIF:Graphic Interchange Format

文件最多可使用256種顏色,最適合顯示色調不連續或具有大面積單一顏色的圖像,例如導航條、按鈕、圖標、徽標或其他具有統一色彩和色調的圖像

優點:

·可製作動態圖像

·可以將圖像以交錯的方式在網頁中呈現(未下載完成時會以馬賽克的形式將圖像慢慢顯示)

1.2 JPEG:Joint Photographic Experts Group

此文件格式用於攝影或連續色調圖像的高級格式,這是因爲JPEG文件可以包含數百萬中顏色;

JPEG格式是一種壓縮的非常緊湊的格式,專門用於不含大色塊的圖像;

另外,JPEG有一定的失真度,但是是在人類肉眼分辨不出的情況下犧牲的;

最後如果圖像需要全綵模式才能表現效果的話,JPEG就是最佳的選擇

1.3 PNG:Portable Network Graphics

PNG是一種非破壞性的網頁圖像文件格式,它提供了將圖像以最小方式壓縮卻又不造成圖像失真的技術,不僅具備了GIF的大部分優點,而且還支持48-bit的色彩,更快地交錯顯示,跨平臺的圖像亮度控制,更多層的透明設置;

不過IE和Netscape Navigator只能部分支持PNG圖像的顯示,所以還是建議使用GIF和JPEG,以滿足更多人的需求


2.插入圖像img

2.1 圖像的源文件src

<img src="圖像相對地址或者絕對地址">

2.2 圖像的提示文字alt

<img src="..." alt="文字提示">

在圖像下載完成時,鼠標停留在圖像上面就會顯示alt的值

在圖像下載失敗時,圖像就直接顯示alt的值

2.3 圖像的高度和寬度height、width

<img src="..." height="像素” width="像素">

若沒有自定義圖片的高度和寬度,那麼圖片就會按照它的原始尺寸顯示

(注:就是圖像定義的非常小,下載速度也是不會改變的)

2.4 圖像的邊框border

<img src="..." border="圖像邊框的寬度">

(注:默認情況下圖像是沒有邊框的,當圖像沒有添加鏈接時,那麼邊框是黑色的,如果添加了鏈接,邊框是藍色的)

2.5 圖像與文字的垂直、水平邊距vspace、hspace

<img vspace="像素" hspace="像素">

2.6 圖像的排列align

<img src="..." align="bottom/top/middle(相對於當前行文字對齊)或者 left/center/right>


3.圖像的超鏈接

圖像的超鏈接有兩種形式,一種是整張圖片對應一個超鏈接,另一種情況是圖像的各個部分對應各個超鏈接>

3.1 一整張圖像:

<a href="鏈接地址"><img src="..."></a>

3.2 各個部分:

<img usemap="映射圖像名稱">

<map name="映射圖像名稱">

<area shape="熱區形狀" coords="熱區座標" href="...">

</map>

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章