HTML --img标签

<img src ="" alt ="" tittle ="">

src 属性

1.网上的链接

<img src ="https://ss1.bdstatic.com/70cFuXSh_Q1YnxGkpoWK1HF6hhy/it/u=3228814396,1351481453&fm=27&gp=0.jpg">
//引用网上图片

2.本地的链接
本地链接分为两种：相对地址和绝对地址。

• 绝对地址我们通常是不用的，因为当文件上传到服务器上的时候，凡是用绝对地址写的链接统统都会失效的，因此我们都要选择相对地址。

• 相对地址中

  ../的意思是返回当前文件的上一层目录

  ./的意思是当前文件所在的目录

  比如一张图片和这个html文件在同一个文件夹下面，那么我们就可以写

<img src=”./tupian.png”></img>

同时这个图片标签还有两个属性。

alt属性

这个属性是为其设置图片占位符，也就是说当图片因为网速或者链接错误等原因加载不出来的时候，就会显示alt里面我们设置的值。

title属性

图片提示符。当我们鼠标移入图片的时候，在鼠标旁边会出现一个黄色的小方块来显示这个title属性里面设置的值。

---

js处理img标签加载图片失败，显示默认图片

1.第一种方法：
如果已经引入了jquery插件，就很好办。没有的话，如果实在需要，可以附上代码：

$('img').error(function(){
            $(this).attr('src', "1.jpg(默认图片的url地址)");
         });

2.第二种方法：如果img标签是少量的话，可以用这个：
img的onerror事件

<img src='test.jpg' alt='test' onerror="this.src='default.jpg'">