作用:向当前页面引入外部图片
用img标签来引入图片(替换元素:介于行内元素与块元素之间)
img不独占一行
alt属性表示的是对图片的描述(默认情况下不会显示,有些浏览器会在图片无法加载时显示 )
width 图片的宽度(单位是像素)
height 图片的高度
如果宽度和高度只改变了一个,那么不变的一个会随着改变的一个等比例变化
<img src="图片网址" width="100" alt="对图片的描述">
图片的格式:
jpg(颜色丰富,不透,不动)
gif(颜色少,简单透明,动)
png(颜色丰富,复杂透明,不动)专为网页而生
webp(谷歌新推出的,专门用来表示网页中图片的一种格式,它具备企图图片格式的所有优点)
缺点:兼容性不好,对浏览器有限制)
图片格式使用原则:效果一样用小的,效果不一样用效果好的