HTML插入图片不起作用

时间:2016-11-23 18:13:06

标签: javascript html css

我想在我的HTML页面中插入一个图像,但我总是得到这个结果:

enter image description here

但我想把这张照片放在我的HTML页面中

enter image description here

这是代码:

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

我还将图片存储在我的图片文件夹中。

我希望有人可以帮助我。

4 个答案:

答案 0 :(得分:5)

假设路径通常是正确的,您需要在路径前添加/,否则表明它是相对于当前页面的路径。

如果您目前在example.com/page1,那么

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

相当于example.com/page1/images/avatar.jpg

<img id="avatar" width="100" height="100" src="/image/avatar.jpg"/>

相当于example.com/images/avatar.jpg

注意我更改了src属性以包含/

您还应该尝试将网址直接粘贴到您的浏览器中(在域之后),以检查图片是否可以公开访问。

答案 1 :(得分:0)

初始result = re.findall(r'#\d{4}', s) 指向根。

试试这个/

答案 2 :(得分:0)

根据我过去的经验,我也遇到了这个问题而且很简单。您的图片代码是......

<img id="avatar" width="100" height="100" src="image/avatar.jpg"/>

src标记的img部分,如果您从计算机上获取图像,则斜线倾向于错误的方向但是如果它在互联网中你没事,但错过了像Roshan Bhumbra所说的一部分。

如果你是从你的电脑上获取图像,那么请执行以下操作。请注意,开头的斜杠不适用于PC上图像的路径...

<img id="avatar" width="100" height="100" src="image\avatar.jpg"/>

如果图像在互联网上,请执行Roshan Bhumbra说......

<img id="avatar" width="100" height="100" src="/image/avatar.jpg"/>

J.Carter:)

答案 3 :(得分:-1)

在路径之前添加~/

<img id="avatar" width="100" height="100" src="~/image/avatar.jpg"/>