图像的主要问题

时间:2015-12-10 17:08:27

标签: html image

我尝试了一切,但图片不会显示。我打开一个新文件夹,里面有两个文件夹,一个名为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代码都有效,但我只在左上角有一个小符号。

3 个答案:

答案 0 :(得分:0)

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

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

答案 1 :(得分:0)

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

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

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

答案 2 :(得分:0)

两个问题之一:

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

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

相关问题