前端img标签属性

<img>标签

标签用于插入图片。它是单独使用的,没有闭合标签。

<img src="https://fakeimg.pl/350x200/ff0000,128/000,255">

<img>默认是一个行内元素,与前后的文字处在同一行。

1. alt属性

用于图片的文字说明,当图片资源加载失败时,图片位置上会显示该文本

<img src="foo.jpg" alt="图片不见了">

2. width/height属性

图片默认以原始大小插入网页,可自定义图片显示的宽高

<img src="https://fakeimg.pl/350x200/ff0000,128/000,255" width="350" height="200">

3. sizes

4. srcset

猜你喜欢

转载自www.cnblogs.com/dobeco/p/11409018.html