html5：初学img标签

img标签 告诉浏览器要显示一张图片

img标签的格式 
<img src="" alt="">

 

src里面输入的是图片的地址，网络地址可以去复制百度图片来尝试，以http开头即可

本地图片获取路径不唯一，个人建议：

在当前html文件的同级新建一个文件夹“images”，这样容易查找也容易获取

然后在src值里面英文输入 ./images/此时会自动显示可选文件

img属性：

src为图片路径

alt为如果图片路径有误，或是网络等原因图片显示不出来时候，给用户展示的提示语

<img src="./images/11" title="我是图片" width='300px' alt="网络过慢,图片加载失败">

 title属性为鼠标悬停在图片上的提示语

 height，width宽高属性，二者设置其一即可，如果两个都给固定值，可能会使图片失去原有比例

注意点：

1.px 单位名称为像素，相对长度单位，像素px是相对于显示器屏幕分辨率而言的。像素的使用性特别广。

2.如果不设置img标签的宽度和高度，那么图片就会按照默认的样式显示，如果设置了宽高，img就会按照设置的宽高来显示。

3.有时设置img的宽高会使图片失真，这时只需要设置宽度或者高度中的一个，另外一个会等比例调整。

4.一般除了自适应的页面，不建议设置width和height。

5.和h标签以及p标签不同的是，img标签不会独占一行

 如果有问题欢迎留言