插入图像的文件路径

时间:2017-02-01 22:53:44

标签: javascript html css

我正在尝试将图像插入到我的html代码中,并且无法使文件路径正确。我将我的代码放在桌面上的文件夹(倒计时)和带有我的.jpg图像的子文件夹(图像)中,但是当我尝试查看网页时,它只显示“测试图像”而不是显示实际图像。此外,它也不会使图像居中。

<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src="./Images/Green.jpg" alt="Test Image" border="0" align="center"/>
</body>
</html>

2 个答案:

答案 0 :(得分:1)

要使其居中,您需要在图像周围添加div容器。

<div style="text-align: center;"><img src="pathToImage" /></div>

你的道路似乎正确。你确定图像以* .jpg结尾吗?

您可以手动尝试通过/Images/Green.jpg访问图像吗?

答案 1 :(得分:0)

如果它在代码目录中的子文件夹使用。

<img src="Images/Green.jpg" alt="Test Image" border="0" align="center"/>