Html 对于我自己的图像,而不是从其他网站借用的图像,什么是正确的img src?

Html 对于我自己的图像,而不是从其他网站借用的图像,什么是正确的img src?,html,image,url,src,Html,Image,Url,Src,在我的计算机上,保存.css和.html文件的文件夹也包含一些我想插入html的图像。如果我从另一个网站借用图片,我知道如何获取该图片的url。如何获取文件夹中但尚未在internet上的图像的url?为了获得链接,我必须在另一个网站上传图片吗 我也知道我应该使用头部的base标记为html中的相对URL提供链接,但在这个阶段,我没有包含图像的链接 src属性中的链接是图像的文件路径。 如果是在互联网上,那么你指的是互联网上的一条路径已经相对较长了 在您的情况下,src的路径应该只包含图像的文件

在我的计算机上,保存.css和.html文件的文件夹也包含一些我想插入html的图像。如果我从另一个网站借用图片,我知道如何获取该图片的url。如何获取文件夹中但尚未在internet上的图像的url?为了获得链接,我必须在另一个网站上传图片吗


我也知道我应该使用头部的base标记为html中的相对URL提供链接,但在这个阶段,我没有包含图像的链接

src属性中的链接是图像的文件路径。 如果是在互联网上,那么你指的是互联网上的一条路径已经相对较长了

在您的情况下,src的路径应该只包含图像的文件名,因为它与同一文件夹中的html和css文档位于同一路径中


所以,
就可以了,你不必把图像上传到互联网上。

这很简单。对于图像,它们基于您的一个相对目录位置(或者您可以简单地给出图像的整个URL)。例如,假设您的文件结构如下:

  • website.html
  • myImage.png
要访问图像,您只需执行以下操作:

<img src="myImage.png" ... />
假设您的网页(
.html
)位于
C:\Project\index.html

您可以将图像放置在与网页相同的路径中,并将其与相对路径一起使用:

<img src="img.jpg"/>
如果图像文件位于
index.html
的父文件夹中,请使用该文件夹:

<img src="../img.jpg"/>

最后一个用途是使用绝对路径,不推荐使用:

<img src="C:/Project/images/img.jpg"/>


如果图像与.html文件位于同一文件夹中,则在.html文件上显示图像的正确方式是以
/
开头的URL相对于服务器根目录。当使用本地文件时,没有服务器根目录(除非您已经安装了HTTP服务器并且正在使用该服务器上的文件)。是的,我说的是web根目录,但仍然感谢您的建议!
<img src="/images/img.jpg"/>
<img src="../img.jpg"/>
<img src="C:/Project/images/img.jpg"/>