HTML和CSS是網頁設計中最基礎的兩種語言，每個網頁都離不開它們。其中，圖片是網頁中非常重要的一部分，而如何正確地使用HTML和CSS的圖片路徑就顯得尤為關鍵。 HTML中，我們可以使用img標簽來插入一個圖片。我們在img標簽中需要指定圖片的路徑。圖片路徑有絕對路徑和相對路徑兩種，其中相對路徑又分為相對當前文件夾和相對根路徑。以下是兩種路徑的示例：

<img src="https://example.com/images/logo.png">
<img src="../images/logo.png">
<img src="/images/logo.png">

絕對路徑是在引用圖片時完整地寫出圖片的路徑，包括協議、域名、路徑等。相對路徑則是相對于當前HTML文件的位置來引用圖片。其中，../表示向上一級文件夾，而/表示根目錄。 在CSS中，我們可以使用background-image屬性來設置一個元素的背景圖片。同樣，我們也需要指定圖片的路徑。以下是CSS中使用相對路徑的示例：

background-image: url(../images/background.jpg);

這里的相對路徑同樣是相對于當前CSS文件的位置來引用圖片。 總的來說，正確的圖片路徑可以保證網頁能夠正常地顯示圖片。在使用HTML和CSS中，理解和掌握圖片路徑的使用方法是非常重要的。