您将如何从您自己的计算机将图片添加到网站（以 html 或 css 格式）？
我知道如何使用 url 添加图片，但是如果图片存储在我计算机上的文件夹中而不是 Internet 上怎么办？
【问题讨论】：
<img src="path/to/image/image.png">
【讨论】：
您只需提供图片的位置，将 .html 位置用作参考。
例如：
<img src="image.png">
如果您的图片与 html 文件位于同一文件夹中。
<img src="../image.png">
如果您的图片不在您的 html 文件所在的文件夹中，以此类推。
当您这样做时，您将成为唯一能够访问您的页面的人。如果您希望其他人看到它，您应该将其存储在 Web 服务器的公共文件夹中。如果您是 Windows 用户，请查找 XAMPP。
【讨论】：
如果网站托管在您的计算机上，那么您可以使用存储在您计算机上的图像。您可以使用<img> html 标签来显示图像。
否则，如果它在某个远程服务器上，那么您将需要一个静态 IP 和计算机上的服务器来将图像托管到远程服务器。不可能在远程 Internet 位置上拥有服务器，在本地拥有图像。
如果网站在互联网上，则将图像复制到服务器并提供路径。
【讨论】：
您可以使用img 标记来执行此操作
https://jsfiddle.net/moongod101/dh55b4rz/
PS：我是Codepenimg的创造者
【讨论】：
假设我们的计算机上有一张汽车图像保存为“funny-dog.jpg”，我们想将其插入网页；这是我们将使用的代码：
<img src="funny-dog.jpg">
让我们分析一下这段代码。首先，是创建图像元素的代码。接下来，字母“src”用作属性并代表“源”。基本上，我们需要为网络浏览器提供图像来源的值。当然，源属性的值是“funny-dog.jpg”。此示例假定您的图像文件与 HTML 文件位于同一目录中。例如，如果您将图像文件放在名为“images”的文件夹中，您的代码将如下所示：
<img src="images/funny-dog.jpg">
在完成之前，我们必须添加一点额外的代码。我们必须为我们的图像分配一个“alt”属性和值。 “alt”属性代表“alternative”，用于为查看者提供基于文本的备选方案，以防图像无法加载或视障者。这是我们的代码的样子：
<img src="funny-dog.jpg" alt="A funny dog sitting on the grass.">
【讨论】：