html文件中的图像源

Question

我试图将图片放入 HTML 文件中。如果我使用例如 background-image: url('file:///C:/Users/faycel/Desktop/site%20guide/paris.jpg');它有效但是，当我尝试使用另一个图片链接时，它不起作用。问题是当我将我的网站上线时我能做什么。没有图像会出现，因为这个链接只在我的电脑上工作我想到了谷歌驱动器所以我把一些我将在我的网站上使用的图片放在谷歌驱动器中使用了我的网页上没有任何图片的链接（所有图片在我的驱动器中都是公开的）
PS：我用了./images/logo.png"的方法，但是没用。

Answer 1

有两种方法可以使用 HTML 引用图像和其他文档：绝对链接和关系链接。一个好的做法是有一个有序的文件夹结构并使用关系 URL 进行引用。

例如，您可以有一个主目录，用于存储所有 html 文件和图像、css 样式表、脚本等的子目录。使用此文件夹结构，您可以使用 img/paris.jpg 引用您的图像，其中 img 是所有图像的包含文件夹。

这样，当您上传所有文件时，不会有任何问题。

如需更多信息，请访问 W3C 文档：http://www.w3.org/TR/WD-html40-970917/htmlweb.html

Answer 2

链接“file:///C:/Users/faycel/Desktop/site%20guide/paris.jpg”调用您计算机中的图像。尝试使用 Google Drive 中文件的公共 URL。

Answer 3

很简单，你只需要在你的图片中放一个绝对链接。

例如..

如果你的网站有一个 img 目录，你可以使用

<img src="http://www.example.com.br/img/img.png"/>

Answer 4

您可以使用相对链接。

1. 在 html 文件所在的同一位置创建一个名为 images 的文件夹
2. 将所有图像添加到此目录
3. 而不是像c:/something/something/images/fil.png 这样的完整路径，只需使用images/fil.png
4. 上传网站时，还要上传图片文件夹及其内容

这可以解决您的问题。但不要忘记阅读有关 IMG 标签及其 SRC 属性的教程。