讓圖像正確顯示
無論該網站託管在通過FTP訪問的Web服務器上，還是使用Web託管服務，任何想要鏈接到網站HTML中的圖像都應首先上傳到發送網頁HTML的相同位置。 如果您使用Web託管服務，則可能使用服務提供的上載表單。 這些表單通常位於您的託管帳戶的管理部分。
將圖像上傳到託管服務只是第一步。 然後，您需要在HTML中添加標籤以標識它。
將圖像上傳到與HTML相同的目錄
您的照片可能位於與HTML相同的目錄中。 如果是這樣的話：
- 將圖片上傳到您網站的根目錄。
- 在您的HTML中添加圖片標籤以指向圖片。
- 將HTML文件上傳到您網站的根目錄。
- 通過在Web瀏覽器中打開頁面來測試該文件。
圖片標籤採用以下格式：
假設您正在上傳名為“lunar.jpg”的月球照片，圖像標記採用以下形式：
高度和寬度是可選的，但推薦。 請注意，圖片標籤不需要結束標籤。
如果要鏈接到另一個文檔中的圖像，請使用錨標籤並嵌入圖像標籤。
在子目錄中上傳圖像
將圖像存儲在通常稱為圖像的子目錄中更為常見。 為了指向該目錄中的圖像，您需要知道它與網站根目錄的相關位置。
您的網站的根目錄是顯示網址（沒有任何目錄）的位置。 例如，對於名為“MyWebpage.com”的網站，根目錄採用以下格式：http://MyWebpage.com/。 注意最後的斜線。 這是通常表示目錄的根目錄的方式。 子目錄包括該斜線以顯示它們在目錄結構中的位置。 MyWebpage示例站點可能具有以下結構：
http://MyWebpage.com/ - 根目錄 http://MyWebpage.com/products/ - 產品目錄 http://MyWebpage.com/products/documentation/ - 產品目錄下的文檔目錄 http：// MyWebpage.com/images/ - images目錄在這種情況下，當你指向圖像目錄中的圖像時，你可以這樣寫：
這被稱為圖像的絕對路徑 。
不顯示圖像的常見問題
首先讓圖像顯示在您的網頁上可能會非常困難。 兩個最常見的原因是圖像未上傳到HTML指向的地方，或者HTML寫入不正確。
首先要做的是看你能否在網上找到你的圖片。 大多數託管服務提供商都有某種類型的管理工具，可用於查看您上傳圖像的位置。 在您認為自己的圖像具有正確的URL後，請將其輸入到瀏覽器中。 如果圖像出現，那麼你有正確的位置。
然後檢查您的HTML是否指向該圖像。 最簡單的方法是將剛剛測試的圖像URL粘貼到SRC屬性中。 重新上傳頁面並進行測試。
圖像標籤的SRC屬性不應以C：\或文件開頭：當您在自己的計算機上測試您的網頁時，這些似乎可以正常工作，但訪問您網站的每個人都會看到破損的圖像。 這是因為C：\指向硬盤上的某個位置。 由於圖像位於硬盤上，因此當您查看圖像時會顯示該圖像。