HTML基础学习-img标签

1.img标签中的img其实就是英文image的缩写

-所以img标签的作用就是告诉浏览器我们需要显示一张图片

2.img标签的格式：<img src="">

-其实img标签总的src是英文source的缩写

 所以img标签中的src就是用来告诉img标签，需要显示的图片名称

3.  注意点

-和H系列标签、P标签还有Hr标签不一样，img标签不会独占一行

-如果我们手动指定了img标签显示的图片的宽度和高度，有可能会导致图片变形。那么如果有想指定宽度和高度，又不想让图片变形。那么我们只指定宽度和高度其中一个值即可

 -只要指定了宽度，系统会自动根据高度计算出高度，反之计算出宽度

4.属性

width：宽度

height：高度

所以在img标签中width/height这两个属性的作用

 就是用来告诉img标签将来需要显示的图片有多高有多宽

如果img标签没有指定需要显示的图片的宽高，系统会按照图片默认的宽高来显示

-如果img标签指定的宽高，那么系统会按照指定的宽高显示

title：用于告诉浏览器，当鼠标停在图片上时，需要弹出的描述框中显示什么内容

alt：其实是英文alternate的缩写交换替换的意思，他的作用就是用于高速浏览器，当需要显示的图片找不到时显示什么内容