img src 找不到图像，打印 alt

Question

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

显示“don't_print_this_damnit”

网络文件位于：

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

图片位于：

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

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

Answer 1

试试这个

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

Answer 2

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

尝试将 ../ 更改为 ./ 以指示文件位置在同一目录中。

Answer 3

尝试

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

您不小心输入了三个句号“.”在“.../图片”中。

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

Answer 4

尝试这样做：

<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” />

编辑：

你得到这个是因为你没有在本地磁盘上，它会 return alt 因为找不到图像！您的图像在正确的位置您无法从文件中获取图像。您的代码可能真的可以正常工作，只是找不到图像！这样做！

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

它可能也有你的引述！

Answer 5

试试这个：

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

Answer 6

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

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

../代表后退一个文件夹。之后的每个 / 表示更进一步，因为 /images 表示进入图像文件夹。

Answer 7

您使用的引号正确！ (“, ”)

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

此外，您使用的是省略号 (…) 而不是三个点 (...)。

您正在使用 office writer 程序编写代码，对吗？ Word 或 OpenOffice 等程序非常适合撰写文章、书籍等，但它们不是为编码而设计的，因为它们会自动为您替换一些字符。使用专为编码而设计的出色文本编辑器之一，例如 Atom, Sublime Text or Visual 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/

img src 找不到图像，打印 alt

img src doesn't find image, prints alt

html

image

src

alt

编辑：