將圖片添加到網站頁面的步驟及不顯示原因分析

2022-05-14 分類：網站建設

要鏈接到網站HTML中的任何圖片，都應首先上載到發送網頁HTML的同一位置，無論網站是托管在通過FTP訪問的Web服務器上，還是使用網站托管服務。如果您使用網站托管服務，則可能使用該服務提供的上載表單。這些表單通常位于托管帳戶的管理部分。將您的圖片上傳到托管服務只是第一步。然后，您需要在HTML中添加一個標記來標識它，我們將通過本文將圖片添加到網站頁面的步驟及不顯示原因，一步一步告訴你。

將圖像上載到與HTML相同的目錄

您的照片可能與HTML位于同一目錄中，如果是這樣的話：

將圖片上傳到網站的根目錄
在HTML中添加一個圖像標記以指向該圖像
將HTML文件上載到網站的根目錄
通過在Web瀏覽器中打開頁面來測試文件

在子目錄中上載圖像

將圖像存儲在子目錄(通常稱為“圖像”)中更為常見。為了指向該目錄中的圖像，您需要知道它與您網站的根目錄相關的位置。您網站的根目錄是URL的顯示位置，該URL的末尾沒有任何目錄。例如，對于名為“MyWebpage.com”的網站，根目錄如下所示：http://MyWebpage.com/.。注意末尾的斜線。這就是通常如何指示目錄的根目錄。子目錄包括斜杠，以顯示它們在目錄結構中的位置。MyWebpage示例站點可能具有以下結構：

http://MyWebpage.com/ — the root directory http://MyWebpage.com/products/ — the products directory http://MyWebpage.com/products/documentation/ — the documentation directory under the products directory http://MyWebpage.com/images/ — the images directory

圖像不顯示的常見問題

一開始，讓圖片出現在你的網頁上是一件很有挑戰性的事情。最常見的兩個原因是圖像沒有上傳到HTML指向的位置，或者HTML寫得不正確。

首先要做的就是看看你能不能在網上找到你的照片。大多數托管服務提供商都有某種類型的管理工具，您可以使用這些工具查看您上傳圖像的位置。當您認為您的圖像有正確的URL后，請在瀏覽器中鍵入它。如果圖像顯示，那么您有正確的位置。然后檢查您的HTML是否指向該圖像。最簡單的方法是將剛剛測試的圖像URL粘貼到SRC屬性中。重新上傳頁面并測試。圖像標簽的SRC屬性決不能以C：\或file開頭：當您在自己的計算機上測試Web頁面時，這些屬性看起來是有效的，但是訪問您的站點的每個人都會看到一個損壞的圖像。這是因為C：\指向硬盤上的某個位置。由于映像位于您的硬盤驅動器上，因此當您查看它時，它會顯示出來。

本文題目：將圖片添加到網站頁面的步驟及不顯示原因分析
鏈接URL：http://www.2m8n56k.cn/news/153131.html

成都網站建設公司_創新互聯，為您提供自適應網站、定制網站、網站收錄、網站排名、網站改版、網站策劃

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：[email protected]。內容未經允許不得轉載，或轉載時需注明來源：創新互聯

猜你還喜歡下面的內容

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

將圖片添加到網站頁面的步驟及不顯示原因分析