GinaH-飾品、食旅

1. img：image，圖片。
2. src：source，放圖片來源，圖片來源分為絕對路徑及相對路徑。
3. alt：alternative text(替代文字)，給視障者觀看。
4. width, height：寬度與長度，也可在CSS設定，若無設定，會依圖的原尺寸。

路徑開頭：

1.  .：同層資料夾，可省略。
2.  ..：上一層資料夾，若目前停留在根目錄，則在目前所在目錄。
3.  /：各資料夾間的分隔，後面的資料夾為子目錄。若/放在路徑前，代表後面的資料夾為根目錄。

絕對路徑：

檔案在這台電腦或網路上的絕對位置。

例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檔。

通常在網頁會貼相對路徑，會正確顯示物件。

所以做網頁時，會用一個資料夾放這個網頁會用到的檔案與圖片。

若這些檔案與圖片分類好之後，最好是不要移動其位置。

常見的圖片附檔名：

1. .jpeg(jpg)：靜態影像，檔案較小。
2. .png：品質比.jpeg好，可以有透明底圖，常用在logo。
3. .gif：用於動畫。
4. .svg：向量圖，縮放不失真。