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>