图像未显示在html页面上

时间:2014-12-31 14:24:14

标签: html

我正在尝试在html页面上添加图片,但它没有出现

 <img href="img/bg.jpeg" alt="welcom" />

一切似乎都很好,代码我多次测试错误

它在两个浏览器chrome 19和firefox

上测试它

我尝试使用另一个图像扩展程序,但我无法正常工作

 <img href="img/2.png"/>

问题在哪里

4 个答案:

答案 0 :(得分:4)

您使用了错误的属性,而不是href,您需要使用src - 前者用于链接。

这是正确的用法:

<img src="img/bg.jpeg" alt="welcom" />

答案 1 :(得分:2)

问题出在:href属性

href属性适用于链接<a href="#">

<a href="directory">

src属性适用于:img标记

<img src="directory"/> 

如果你想用css设置背景,你只需要添加

background-image : url('directory'); 

相信我很容易被这些东西弄糊涂

所以我建议用src

更改href属性
<img src="img/bg.jpg" alt="Welcom" />

它应该可以正常工作

答案 2 :(得分:1)

你必须写

<img src="img/bg.jpeg" alt="welcom" />

而不是

<img href="img/bg.jpeg" alt="welcom" />

答案 3 :(得分:0)

您需要使用src而不是href指向图像文件名。

<html>
<img src="imagefilename.jpg">
</html>

此代码将显示文件名为imagefilename.jpg的图像,该图像与此html文件位于同一目录中