Question

我将学习HTML。我想将我的图像从画廊放到我的网络上。我该怎么办？

如果我错了，请更正此代码，因为图库中的图像未显示在我的网页上。

代码：

<img src="/storage/emulated/0/DCIM/Camera/IMG_20190717_104912.jpg" alt=" "/ >

Answer 1

/storage/emulated/0/DCIM/Camera/IMG_20190717_104912.jpg看起来像Android手机上的文件路径；这可能是不对的。如果您最终在http://site.example/index.html处部署HTML文件，则浏览器将尝试获取http://site.example/storage/emulated/0/DCIM/Camera/IMG_20190717_104912.jpg，这可能不是您的Android手机。

最好的做法是将图像复制到HTML文件所在的位置，然后以这种方式引用它：

<img src="IMG_20190717_104912.jpg">

以下是有关标记的其他一些提示：

首先，img是所谓的自动关闭标签；您无需在末尾写/>。您可能会看到，有时在2000年代初期的书中，有些人认为HTML可能成为XML的应用程序。没有成功。编写/>是无害的，但是没有用，所以不要这样做。（请注意，如果您想使HTML成为XML，我认为您需要编写/>，并且两者之间没有空格。）如果您正在学习HTML并看到{{1 }}中，尝试找到更多最新资源以供学习。

第二，“ alt”文本对人类和机器非常有用，因此请使用它；但是如果您没有有用的内容，请不要在其中放置空格-这没有用。

Answer 2

您需要做几件事。

您需要一个替代项。这是100％必要的，因为没有网站就无法验证。

您需要拍摄并移动图像（如果您也想将其保留在相机中，则将其复制并粘贴到桌面或documents文件夹中）并为其命名。然后，您需要将html文件和图片放在文件夹中，以便更容易src。

因此，在将图像和html文件放入文件夹后，您的img src将为

<img src="nameofimage.jpg" alt="nameofalt">

您的img标签格式错误。应该是

<img src="example.gif" alt="example" />

甚至

<img src="example.gif" alt="example">

但不是（您拥有的）

<img src="example.gif" alt="example"/ >

希望这会有所帮助！

编辑：Dave Newton是正确的，实际上并不需要alt，但是如果您要验证网页，则应将其包括在内

如何在HTML中放置图片？

2 个答案: