Html 无法从本地计算机获取图片以显示在我的网站上_Html_Css

Html 无法从本地计算机获取图片以显示在我的网站上

html css

Html 无法从本地计算机获取图片以显示在我的网站上,html,css,Html,Css,我是新的编码，并已建立了一个简单的网站与html和css。我试图将本地计算机上的图片添加到该站点。图片文件与我的html和css文件放在同一个文件夹中。但是，当我的页面加载时，图片不会显示。为什么会这样？这是我的html代码。对于可能出现错误的建议，我们深表感谢 <head> <link rel="stylesheet" type="text/css" href="myStyle.css"/> <title>My Professional Site</t

我是新的编码，并已建立了一个简单的网站与html和css。我试图将本地计算机上的图片添加到该站点。图片文件与我的html和css文件放在同一个文件夹中。但是，当我的页面加载时，图片不会显示。为什么会这样？这是我的html代码。对于可能出现错误的建议，我们深表感谢

<head>
<link rel="stylesheet" type="text/css" href="myStyle.css"/>
<title>My Professional Site</title>
</head>
<body>
<h1>Jon Doe</h1>
<h2>Learning to code.</h2>
<img src = "IMG_0523.jpg" alt="Sorry No Picute Available"    style="width:300px;height:300px;">
<p>"Trying to learn to code." </p>
<footer>Contact Info: jd@mail.com   555-5555</footer>
</body>
</html>


我的专业网站
乔恩·多伊
学习编码。
“正在尝试学习编码。”
联系方式：jd@mail.com   555-5555

尝试图像的绝对路径，而不是图像的相对路径。绝对路径看起来像这样。C:\images\IMG_0523.jpg

目录结构1

根

图像
- IMG_0523.jpg
index.html

使用

images/

<img src = "images/IMG_0523.jpg" alt="Sorry No Picute Available" style="width:300px;height:300px;">

<img src = "../images/IMG_0523.jpg" alt="Sorry No Picute Available" style="width:300px;height:300px;">

请改用相对路径

将图像文件放在哪个目录中？请确保将其指向正确的目录或路径。您可以向我们显示您的目录结构吗？您是否在本地开发该网站？您的html文件和

IMG_0523.jpg

应位于同一目录中，如果您希望它位于所需目录以外的其他目录中更改img src.absolute路径不好。你应该把所有的文件放在工作目录中。非常感谢你的帮助。我能够解决这个问题。

<img src = "../images/IMG_0523.jpg" alt="Sorry No Picute Available" style="width:300px;height:300px;">