2020/11/06學習日誌

圖像文件的格式不少,但通常在網頁中使用的圖片格式並很少,主要有GIF JPEG和PNG
GIF
GIF是 Internet 上應用最普遍的圖像文件格式之一,是一種索引顏色的圖像格式。該格式在網頁中使用較多,它的特色是體積小,支持小型翻頁型動畫,GIF 圖像最多可使用256 種顏色 最適合製做徽標、圖標、按鈕和其餘顏色、風格比較單一的圖片。
JPEG
JPEG 是 Internet 上應用最普遍的圖像文件格式之一,適用於攝影或連續色調圖像。JPG 文件能夠包含多達數百萬種顏色,所以 JPG 格式的文件體積較大,圖片質量較佳。一般能夠經過壓縮JPG 文件在圖像品質和文件大小之間取得良好的平衡。當網頁中對圖片的質量有要求時,建議使用此格式。
PNG
PNG是一種新型的無專利權限的圖像格式,兼有GIF 和JPG的優勢。它的顯示速度很快,只需下載1/64的圖像信息就能夠顯示出低分辨率的預覽圖像。它能夠用來代替GIF格式,一樣支持透明層,在質量和體積方面都具備優點,適合在網絡中傳輸。
圖像標籤的經常使用屬性
src:指定圖像源，即圖像的URL路徑
alt：若是圖像沒法顯示，代替圖像的文字說明
title：爲瀏覽者提供的提示或幫助信息，方便用戶使用
width：指定圖像的顯示寬度（像素數或百分數），一般只設置爲圖像的真實大小以避免失真，若須要改變圖像大小，最好事先使用圖像編輯工具進行修改。百分數是指相對與當前瀏覽器窗口的百分比
height:指定圖像的顯示高度（像素數或百分數）
borde：指定圖像的邊框大小，用數字表示，默認單位爲像素，默認狀況下圖片沒有邊框，既 border=0
align:指定圖像的對齊方式，設定圖像在水平（環繞方式）或垂直方向（對齊方式）上的位置，包括left（圖像居左，文本在圖像的右邊）、right（圖像居右，文本在圖像的左邊）、top（文本與圖像在頂部對齊）、middle（文本與圖像在中央對齊）或bottom（文本與圖像在底部對齊）
圖像標籤
img
在同一路徑中用ser=「圖片名」 在網頁的下一級文件夾中用ser=「文件夾名/圖片名」 在網頁的上一級文件夾中用ser=「../圖片名」