Question

我尝试了一切，但图片不会显示。我打开一个新文件夹，里面有两个文件夹，一个名为images，另一个名为index.html。我将一个图像放在图像文件夹中并执行基本的HTML代码（参见示例），但从未在屏幕上显示图像。我检查了每一个按键，确保所有文件名都是小写的，并且具有正确的文件扩展名：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title> cakes.co.uk </title>
</head>

<body>
<figure>
<img src="images/cakes.jpg" alt="a sponge cake" height="200" width="400">
<figcaption> a well prepared cake </figcaption>
</figure>


</body>

<footer>
</footer>

</html>

我在桌面上创建并拥有的新文件夹中没有其他内容。我只有我的图像文件夹和索引文件夹。所有无花果字幕和alt代码都有效，但我只在左上角有一个小符号。

Answer 1

错误是图片路径src="images/cakes.jpg"。

要修复路径，请使用src="cakes.jpg"或提供图像的完整绝对路径。

Answer 2

如果＆＃39;图片＆＃39;文件夹与index.html位于同一文件夹中，您的代码应该可以正常工作。但是，请记住文件夹和文件的拼写应该与路径中的拼写完全相同（同时检查大写字母和简单字母）。

如果index.html位于其他文件夹中，则必须返回文件，然后访问images文件夹。例如：

<img src="./images/cakes.jpg" alt="a sponge cake" height="200" width="400">

Answer 3

两个问题之一：

1。您的网址可能有误。如果index.html文件位于父目录中且图像位于/ images中，则src="images/cakes.jpg"是正确的。但是，如果index.html位于/ index中且图片位于/ images中，则您需要更改指向父目录选择器的链接：..，如下所示：src="../images/cakes.jpg"

2。您的文件夹没有正确的权限设置。检查它们是否类似于755，用户www-data具有读取权限。

图像的主要问题

3 个答案: