2017-08-21 58 views
-2
<img src=「…/images/adam_photo.jpg」 alt=「don't_print_this_damnit」 /> 

顯示「don't_print_this_damnit」位於IMG SRC沒有找到圖像,打印ALT

網頁文件:

file:///Users/Adam/Documents/adam_webfolder/adam_webfile.html 

圖像位於:

file:///Users/Adam/Documents/adam_webfolder/images/adam_photo.jpg 

我不不明白爲什麼這不起作用。

+0

刪除點 – Grasper

+0

我試過幾個點變化的替代品,他們都沒有工作。 – adyo4552

+2

引號是斜體。確保你使用直的一個或單引號。 「/ images/....」 – Grasper

回答

3

您正在使用正確的引號!(,

(不幸的是),英語中的正確引號在超文本標記語言或幾乎所有其他標記或編程語言中都是不正確的。使用中立"

此外,您正在使用橢圓字符()而不是三個點(...)。

您正在使用辦公室編寫程序來編寫您的代碼,對嗎?像Word或OpenOffice這樣的程序對於撰寫文章,書籍等是很棒的,但它們不是爲編碼而設計的,因爲它們會自動替換一些字符。使用其中一個出色的文本編輯器,如Atom,Sublime TextVisual Studio Code,以使用HTML,CSS和JavaScript。


UPDATE:當然,三個點也不正確,我認爲是行不通的。嘗試兩個點向上移動一個目錄和一個點以保留在您當前的目錄中。在這種情況下,去掉點和斜槓更短:

最後,這裏是你的固定img元素(雖然我不知道如果路徑是正確的。):

<img src="./images/adam_photo.jpg" alt="dont_print_this_damnit" /> 
// OR: 
<img src="images/adam_photo.jpg" alt="dont_print_this_damnit" /> 

有關這些點標記的詳細信息,請查看這個漂亮的文章:

https://css-tricks.com/quick-reminder-about-file-paths/

-1

試試這個

<img src=「…//images//adam_photo.jpg」 alt=「dont_print_this_damnit」 /> 
+1

你有太多...點嗎? – arcee123

+0

或此

+0

複製並粘貼您的解決方案後,我仍然會收到「don't_print_this_damnit」。 – adyo4552

1

這是因爲,根據您的相對路徑,圖像應該位於/Users/Adam/Documents/images/adam_photo.jpg

嘗試改變.././,表示該文件的位置是在同一個目錄。

1

嘗試

<img src="images/adam_photo.jpg" alt="dont_print_this_damnit" /> 

你不小心輸入了三個時期 「」在「... /圖片」中。

兩個時段是指轉到上一級目錄,一個週期是指當前目錄

+1

複製並粘貼解決方案後,我仍然收到「don't_print_this_damnit」。 – adyo4552

+0

也許引號引起錯誤......對此感到抱歉。使用「而不是」 –

0

嘗試這樣做呢:

<img src=「your path/images/adam_photo.jpg」 alt=「dont_print_this_damnit」 /> 

或者也許這?沒有點,如果這是你的確切路徑,那麼這將工作:

<img src=「/images/adam_photo.jpg」 alt=「dont_print_this_damnit」 /> 

相關搜索:

<img src=「./images/adam_photo.jpg」 alt=「dont_print_this_damnit」 /> 

或者:

<img src=「images/adam_photo.jpg」 alt=「dont_print_this_damnit」 /> 

編輯:

你得到這都是因爲你沒有在本地磁盤上,它將返回ALT,因爲沒有找到圖像!你的圖像在正確的地方,你不能從文件中獲取圖像。你的代碼可能真的只是沒有找到immage! 這樣做!

<img src="file:///Users/Adam/Documents/adam_webfolder/images/adam_photo.jpg 
" alt="dont_print_this_damnit" /> 

它也可能與您的報價!

2

試試這個:

<img src="images/adam_photo.jpg" alt="dont_print_this_damnit" /> 
+0

這一個做了它,爲什麼這個工作,其他人沒有,我不知道。仔細一看,我認爲這是因爲Mac TextEdit程序使用了奇怪的引號符號,與那些不同您使用了我所複製和粘貼的內容。時間排除此程序。感謝您的幫助! – adyo4552

+0

在HTML中正確的引號是「」而不是「」,無論使用什麼工具,但絕對可以使用Adobe Dreamweaver或任何類型的文本編輯器支持HTML語法來幫助您識別問題並克服這些單調乏味的語法錯誤 – Mazen

0

是圖像保存在電腦上?如果是這樣,你只需要這個。

<img src=「../images/adam_photo.jpg」 alt=「dont_print_this_damnit」/> 

../表示移回文件夾。每個/之後意味着更進一步,因爲/圖像意味着進入圖像文件夾。

+0

複製並粘貼您的解決方案後,我仍然會得到「don't_print_this_damnit」 – adyo4552

+0

是的,我認爲這可能是因爲文件路徑錯誤。你說過以前的答案是正確的,該解決方案沒有「../」,這意味着要返回一個文件夾。如果是這樣,那就是爲什麼。 –