为什么我的图片没有上传到我的HTML文件中

Question

我目前正在尝试在页面的导航栏上方上传图片，但是每次尝试上传图片时，我都会在白框错误中不断收到蓝色问号。

我尝试更改照片的文件扩展名

这是我的图片的代码

<img src="AD.png" width="250" height="100" alt="logo"></img>

此图像也保存在我的文档文件夹中。

Answer 1

两件事：

1）<img />是自动关闭的，因此您可以这样写：

<img src="AD.png" width="250" height="100" alt="logo" />

NB 在HTML5中，省略最后的斜杠是完全可以接受的。

---

2）这很重要。您需要在src属性中包含文件路径。

例如：如果图像的路径为/documents/ad.png，则需要编写：

<img src="/documents/ad.png" width="250" height="100" alt="logo" />

Answer 2

首先，<img>是一个自闭标签。 （使用/>之类的<img src="" />

但是对于文件路径，这取决于您想要的内容。如果你是

• 尝试为自己创建文件，仅当您的图像和html文件位于文档文件夹中时，此代码才能正确验证。
• 尝试将其用于某个班级或其他人，则需要完整的文件路径，例如
  <img src="full/file/path" />

希望这会有所帮助！ ：）

Answer 3

您的代码找不到图像。它会在自己的目录中查找“ AD.png”，因为“ AD.png”位于documents文件夹中，而您的代码（大概不是）找不到它。您需要完整的文件路径。

MacOS：类似/Users/username/Documents/AD.png

Windows：类似C:\Users\username\Documents\AD.png

在两个平台上复制文件路径非常简单。 Mac是Option +右键单击，然后“将AD.png复制为路径名”。在Windows中，您可以在“文件资源管理器”中找到该文件，然后单击左上角的“复制路径”。

编码愉快！