HTML标签：img标签的用途总结

本篇文章给大家带来的内容是关于HTML标签：img标签的用途总结，有必然的参照 价值，有需要的伴侣可以参照 一下，但愿对你有所帮忙。

一、Img标签有两个重要的属性：

　　1.src 属性：图片的地址

　　2.alt 属性：图片不显示是实际的文字

二、Img标签是行级元素：

　　img、input属于行内更换元素。height/width/padding/margin均可用。结果等于块元素。行内非更换元素，例如, height/width/padding top、bottom/margin top/bottom均无结果.只

　　能用padding left/right和margin left/right改动宽度。

三、Img标签停止居中：

　　1、第一种方式:这种方式我不是很喜爱，Img标签有事不克不及设定为table-cell。容易发生错误。

img_p{
        display: table-cell;vertical-align: middle;  /*操纵图片垂直居中*/
        text-align: center;  /*操纵图片水平居中*/      }

　　2、第二种方式:这种方式Img标签最好不要带有margin属性，不然不会居中。

img{
    position: absolute;top:50%;left: 50%;
    transform:translate(-50%,-50%);    
}

四、Img标签事件：

　　1、使用HTML DOM Event 对象的 onerror事件可以对显示非常的图片停止处置。

<img src="img/1.jpg" alt="这是一张图片" onerror="alert(this.alt)">

相关文章引荐：

html规划：html三列规划的实现代码

innerHTML属性是啥？innerHTML属性的用途

以上就是HTML标签：img标签的用途总结的具体内容，更多请关注百分百源码网其它相关文章！