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

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

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

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

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

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

在子目錄中上載圖像

將圖像存儲(chǔ)在子目錄(通常稱(chēng)為“圖像”)中更為常見(jiàn)。為了指向該目錄中的圖像，您需要知道它與您網(wǎng)站的根目錄相關(guān)的位置。您網(wǎng)站的根目錄是URL的顯示位置，該URL的末尾沒(méi)有任何目錄。例如，對(duì)于名為“MyWebpage.com”的網(wǎng)站，根目錄如下所示：http://MyWebpage.com/.。注意末尾的斜線(xiàn)。這就是通常如何指示目錄的根目錄。子目錄包括斜杠，以顯示它們?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

圖像不顯示的常見(jiàn)問(wèn)題

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

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

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

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

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

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

中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

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