在網頁制作過程中，添加圖片是必不可少的一部分。而為了顯示圖片，我們就需要在html源代碼中添加圖片路徑。下面我們來了解一下html源代碼中的圖片路徑設置方法。

<img src="image.jpg" alt="圖片">

上面的代碼中，其中的src屬性就是圖片路徑，也可以使用絕對路徑或相對路徑。下面分別介紹一下這兩種路徑的設置方法。

1. 使用絕對路徑

絕對路徑即指圖片在服務器的根目錄下的路徑，可以使用域名或IP地址作為起始位置。例如：

<img src="http://www.example.com/images/image.jpg" alt="圖片">

src屬性的值以 "http://" 或 "https://" 開頭，這是指該文件路徑從互聯網開始，直到所指定網站的域名或IP地址。這樣設置的好處是，無論在哪個目錄下都可以找到對應的圖片，但是有時可能會因為文件路徑比較長而影響網頁的訪問速度。

2. 使用相對路徑

相對路徑是指相對于當前html文件所在目錄的路徑，相對路徑更常用于本地文件。例如：

<img src="../images/image.jpg" alt="圖片">

上面的代碼中，../表示返回上一級目錄，然后再進入images目錄，找到所需的圖片。相對路徑的好處是可以減少文件路徑的長度，但是需要在文件目錄結構中清楚地了解到每個文件所在的位置。

總結：不管是絕對路徑還是相對路徑，設置圖片路徑都是為了在網頁中正確地顯示圖片。在實際應用中，可以根據需要和實際情況選擇不同的路徑方式。一般情況下，相對路徑適用于本地文件，而絕對路徑適用于互聯網上的文件。