標籤與屬性名詞解釋
- img：image，圖片。
- src：source，放圖片來源，圖片來源分為絕對路徑及相對路徑。
- alt：alternative text(替代文字)，給視障者觀看。
- width, height：寬度與長度，也可在CSS設定，若無設定，會依圖的原尺寸。
路徑開頭
- .：同層資料夾，可省略。
- ..：上一層資料夾，若目前停留在根目錄，則在目前所在目錄。
- /：各資料夾間的分隔，後面的資料夾為子目錄。若/放在路徑前，代表後面的資料夾為根目錄。
絕對路徑
檔案在這台電腦或網路上的絕對位置。
例1：file:///C:/Users/USER/Desktop/indexPSD.html 本機C槽上的一個HTML檔案。例2：https://www.youtube.com/ 網路上一台www server裡的一個網站。
貼了絕對路徑，若上傳到網路，可能會抓不到檔案，因為網路電腦的配置與自己電腦的配置不同，網路電腦的C槽不會放這張圖。但例2的網址路徑可以用。
相對路徑
相對於這個檔案的位置。
例1：text.html或./text.html 同目錄下的HTML檔。
例2：image/text.html image資料夾下的子目錄，裡面的HTML檔。
例3：../html/text.html 上一層資料夾下的html子目錄，裡面的HTML檔。
通常在網頁會貼相對路徑，會正確顯示物件。所以做網頁時，會用一個資料夾放這個網頁會用到的檔案與圖片。若這些檔案與圖片分類好之後，最好是不要移動其位置。
常見的圖片附檔名
- .jpeg(jpg)：靜態影像，檔案較小。
- .png：品質比.jpeg好，可以有透明底圖，常用在logo。
- .gif：用於動畫。
- .svg：向量圖，縮放不失真。
