在網頁設計中，圖片是不可或缺的元素。如何在HTML中正確地設置圖片路徑，是每個初學者最需要掌握的基礎知識之一。

HTML中的圖片路徑通常有三種形式：

1. 絕對路徑（Absolute Path）  
2. 相對路徑（Relative Path）  
3. 基于根目錄的絕對路徑（Root-Relative Path）

1. 絕對路徑：直接指定圖片所在的URL地址。例如：

2. 相對路徑：相對于當前文檔的路徑，即圖片和HTML文件在同一目錄下時，可以使用“相對路徑”。

該示例中，圖片文件與HTML文件在相同的文件夾中，那么我們在HTML文件中使用“./”符號指向當前目錄，然后加上圖片文件夾和圖片的文件名。

3. 基于根目錄的絕對路徑：在URL的根目錄中指定文件路徑。

使用基于根目錄的路徑時，可以從任何位置的代碼中引用同一張圖片，因為路徑的起始點是根目錄。這樣，當你更改站點結構或直接轉移整個網站時，鏈接不是基于相對于HTML代碼位置的，而是基于整個站點的。

總之，正確的圖片路徑是確保網頁中圖像正確顯示的關鍵。掌握以上三種設置圖片路徑的方法，能夠幫助你更好地設計整個網站。