HTML:在单独的文件夹中与网页中的图像有麻烦

我希望能够在我的网页中使用单独文件夹中的图像，但是当我运行页面时，图像未能显示。以前，我想在同一地点使用网页上使用的图像，并且工作正常，但是一旦将图像放在文件夹中并试图运行网页，该图像不再显示。我已经检查了以确保我确保正确拼写文件和文件夹，以确保我的路径正确，我也尝试将../添加到前面，但这无效。非常感谢您的帮助。

    <!DOCTYPE html>
    <html>
    <head>
    <title>title goes here</title>
    </head>
    <body>
    <h1>This is a heading</h1>
    <p>Content goes here</p>
    <img src="/Art/Head_Drawings.jpg" alt="Heads_examples" width="104" height="142"></img>
    </body>
    </html>

尝试以下代码：

<!DOCTYPE html>
<html>
<head>
<title>title goes here</title>
</head>
<body>

<h1>This is a heading</h1>
<p>Content goes here</p>
<img src="Art/Head_Drawings.jpg" alt="Heads_examples" width="104" height="142"></img>
</body>
</html>

您的图像标签错误。这是html中的自我关闭标签之一。

<img src="" ... />或 <img src="" ... >是图像显示的全部。

如果图像是与您的HTML页面相同级别的目录，则不需要领先的/。

这是将图像添加到页面上的正确方法：

<img src="Art/Head_Drawings.jpg" alt="Heads_examples" width="104" height="142" />

相关内容

最新更新

热门标签：