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

2022-05-14 分類：網(wǎng)站建設

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

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

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

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

在子目錄中上載圖像

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

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

圖像不顯示的常見問題

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

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

分享題目：將圖片添加到網(wǎng)站頁面的步驟及不顯示原因分析
文章來源：http://www.bm7419.com/news31/153131.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護、網(wǎng)站設計公司、靜態(tài)網(wǎng)站、外貿(mào)建站、企業(yè)建站、品牌網(wǎng)站建設

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源：創(chuàng)新互聯(lián)

猜你還喜歡下面的內(nèi)容