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

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

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

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

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

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

在子目錄中上載圖像

將圖像存儲(chǔ)在子目錄(通常稱為“圖像”)中更為常見。為了指向該目錄中的圖像，您需要知道它與您網(wǎng)站的根目錄相關(guān)的位置。您網(wǎng)站的根目錄是URL的顯示位置，該URL的末尾沒有任何目錄。例如，對(duì)于名為“MyWebpage.com”的網(wǎng)站，根目錄如下所示：http://MyWebpage.com/.。注意末尾的斜線。這就是通常如何指示目錄的根目錄。子目錄包括斜杠，以顯示它們?cè)谀夸浗Y(jié)構(gòu)中的位置。MyWebpage示例站點(diǎn)可能具有以下結(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)性的事情。最常見的兩個(gè)原因是圖像沒有上傳到HTML指向的位置，或者HTML寫得不正確。

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

本文題目：將圖片添加到網(wǎng)站頁面的步驟及不顯示原因分析
鏈接URL：http://www.bm7419.com/news/153131.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供自適應(yīng)網(wǎng)站、定制網(wǎng)站、網(wǎng)站收錄、網(wǎng)站排名、網(wǎng)站改版、網(wǎng)站策劃

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

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