时间戳

首页 > 解决方案 > 如何将图像放入 HTML 中？

html - 如何将图像放入 HTML 中？

问题描述

我要学习HTML。我想把我的图片从画廊放到我的网站上。我怎么做？

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

代码：

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

标签： html

解决方案

/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这可能不是你的安卓手机。

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

<img src="IMG_20190717_104912.jpg">

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

首先，img是所谓的自闭合标签；你不需要写/>在最后。有时您可能会在 2000 年代初期的书籍中看到，有些人认为 HTML 可能会成为 XML 的应用程序。那没有成功。写是无害的，/>但它没有用，所以不要这样做。（请注意，如果您确实想让您的 HTML 成为 XML，我认为您需要编写/>它们之间没有空格。）如果您正在学习 HTML 并看到/>其中，请尝试找到更新的资源来借鉴。

其次，“alt”文本对人和机器都非常有用，所以使用它；但如果您没有有用的内容，请不要在其中放置空格——那没有用处。

推荐阅读