Question

我最近开始学习HTML和CSS作为一个绝对的初学者......我意识到阅读你的一些帖子实际上我是多么无知！

这最终是一个与我最初打算写的有点不同的问题，被Chrome保存了......但是现在想知道是否有解释或者我做了什么问题。

我在图像课上真的很棒。无论我对src的网址做了什么，它们都不会在打开时出现。我甚至使用了四种不同类型的url src＆＃34; code＆＃34;我可以找到所有你和其他帖子（顺便说一句，所有图像都与.htm文件在同一个文件夹中）。这些是我的四个代码：

<img src="file:///C:/Users/Anna/OneDrive/Project/Website/1st-step.jpg", alt="child standing on first of several steps", height="122", width="112" />
<br />
<img src="achieved.jpg", alt="person standing at the top of a mountain in front of sunrise, both arms raised", height="100", width="200" / >
<br />
<img src="C:\Users\Anna\OneDrive\Project\Website\a-tag.jpg" alt="screenshot from stackoverflow.com website with info on src url referencing", height="250", width="600" / >
<br />
<img src="./images/top.jpg", alt="arrow facing up", width="80", height="80", />
<!-- to see if using a different folder would change things -->

对于＆＃34;通过＆＃34;，在发布我的问题之前，我再次打开我的.htm文件并注意到每当我双击它时，尽管我的默认浏览器打开了Microsoft-Edge浏览器是Chrome。然后我决定在写作之前尝试其他应用程序，所以我在＆＃34; Serris＆＃34;中打开了我的.htm文件。（具有＆＃34;运行＆＃34;功能），Internet Explorer，Firefox和Chrome。最后在Firefox中所有图片都显示了src="C:\Users\Anna\OneDrive\Project\Website\a-tag.jpg"，并且幸运地Chrome显示了所有图像。

有人可以向我解释原因吗？当我最终学习如何将文件上传到FTP然后再上传到虚拟主机网站时，我会遇到同样的问题吗？

我检查了所有图像的属性，并且没有任何限制或任何安全设置（我在不同帖子上阅读可能已被Edge和Explorer解释为安全威胁或其他内容）并且我在HTML5中进行编码在我发现的另一篇文章中，有人在另一篇文章中找到的所有解决方案都是{＃1}}和<!doctype html>（我读到的另一篇文章有很多内容）更详细，更复杂的代码，通过这样做，能够在资源管理器中看到图像。）

很抱歉这么长的问题，但我希望你能够为我揭示这一点，因为我觉得我错过了一些重要的事情，并担心我以后会遇到麻烦。

Answer 1

发现将文档保存为index.html而不是test.htm解决了问题......你能相信吗？！？

希望这有助于像我这样的其他新手：）

某些浏览器中的离线图片查看问题

1 个答案: