HTML 图片标签

基本使用：

标签名	标签语义	常用属性	单/双标签
img	图片	src ：图片路径 alt：图片描述 width ：图片宽度，单位是像素 height ：图片高度，单位是像素	单

总结：

1. 像素（px）是一种单位，学到css时，我们会详细讲解。
2. 尽量不同时修改图片的宽和高，可能会造成比例失调
3. 暂且认为 img 是行内元素（学到css时，会认识一个新的元素分类，目前咱们只知道：块，行内）。
4. alt属性的使用：
   1、搜索引擎通过alt属性，得知图片的内容。--最主要的作用
   2、当图片无法展示时，有些浏览器会呈现alt属性的值。
   3、盲人阅读会朗读alt属性的值

路径的分类：

 

相对路径：以当前位置作为参考点，去建立路径。

注意点：相对路径中的 ./ 可以省略不写。

              相对路径依赖的是当前位置，后期若调整了文件位置，那么文件中的路径也要修改

绝对路径：以根位置作为参考点，去建立路径。

1、本地绝对路径：E：/a/b/c/奥特曼.jpg (很少使用)

2、网络绝对路径：http://www.atguigu.con/images/index_new/logo.png

注意点：

             使用本地绝对路径，一旦更换设备，路径处理起来比较麻烦，所以很少使用。

             使用网络绝对路径，确实方便，但要注意：若啊服务器开启了防盗链，会造成图片引入失败。

 

常见的图片格式：

 

图片的格式非常多，上面这些，只是一些常见的，我们前端人员经常能接触到的。