img src找不到图像,打印alt

时间:2017-08-21 23:41:31

标签: html image src alt

<img src=“…/images/adam_photo.jpg” alt=“don't_print_this_damnit” />

显示“une_print_this_damnit”

网络文件位于:

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

图片位于:

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

我不明白为什么这不起作用。

7 个答案:

答案 0 :(得分:3)

您使用的是正确的引号! (

(不幸的是),在超文本标记语言或几乎所有其他标记或编程语言中,英语中的正确引号都不正确。使用中性"

此外,您使用的是椭圆形字符()而不是三个点(...)。

你正在使用办公室作家程序编写代码,对吗?像Word或OpenOffice这样的程序非常适合编写文章,书籍等,但它们不是为编码而设计的,因为它们会自动替换一些字符。使用其中一个专门用于编码的优秀文本编辑器,例如AtomSublime TextVisual Studio Code来处理HTML,CSS和JavaScript。

<小时/> 更新:我认为当然,三个点也不正确,也不会起作用。尝试两个点向上移动一个目录和一个点以保留在您当前的目录中。在这种情况下,删除点和斜线甚至更短:

最后,这是你修复的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 :(得分:2)

试试这个:

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

答案 2 :(得分:1)

那是因为根据你的相对路径,图像应该位于/Users/Adam/Documents/images/adam_photo.jpg

尝试将../更改为./,表示文件位置位于同一目录。

答案 3 :(得分:1)

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

你不小心进入了三个时期“。”在“... / images”。

两个句点表示上一个目录,一个句点表示当前目录

答案 4 :(得分: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" />

它也可能与您的报价一致!

答案 5 :(得分:0)

图像是否保存在您的计算机上?如果是这样,你只需要这个。

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

../表示移回文件夹。每个/之后意味着更进一步,因为/ images意味着进入图像文件夹。

答案 6 :(得分:-1)

试试这个

<img src=“…//images//adam_photo.jpg” alt=“dont_print_this_damnit” />
相关问题