一丶 元素
img 插入图片
map 地图
-area（子元素）
figuer 指代、定义，通常用于把图片、图片标题、描述包裹起来
-figcaption（子元素）
二丶 属性
【1】
img的 src 属性：source（路径）
【2】
img的 alt 属性：当图片资源失效时，将使用该属性的文字替代图片
这个属性有三种可用场景：
- 服务器那边不小心把这张图片删掉了，那么是无法访问的到这张图片的
- 突然断网了，图片加载到一半，这时候图片是损坏状态，就用这个属性的文字替代
- 程序员编写这张图片的路径写错了，那么肯定访问不到，这时候也要文字替换掉
【3】
map的 name 属性：让map与img产生关联
【4】
map的area（子元素）的四大属性：
- shape 形状（圆形，矩形，多边形），圆形—circle，长方形—rect，多边形—poly
- coords 形状关键点的坐标
- href 点击这个形状的链接地址
- alt 当图片掩饰不出来时，文字显示的内容
- target 点击链接时，是新窗口还是自身的窗口
三丶 图片链接
<a href="">
<img src="....." alit="......">
</a>
四丶 img的高级使用
一张图片要求：点击木星跳转到木星链接，点击水星跳转到水星链接，怎么做到？
【1】要让img元素与map元素产生关联：
<a href="">
<img usemap="#solarMap" src="....." alit="......">
</a>
<map name="solarMap">
</map>
跟锚链接原理差不多，不过这里的唯一表示使用的是 name属性注意！这样就让map与img产生了关联
【2】测量坐标
坐标知识点：原点是在图片的左上角，注意是图片！！！x向右是增加，y向下增加
注意：量坐标的时候，要使用浏览器标准尺寸(%100)，否则会不准确
【3】测量圆形
圆形坐标测量：确定圆心坐标与半径长度即可 —— 用来量图形
coords =“360，204，48”，第一个是x坐标，第二个是y坐标，第三个是半径
【4】测量长方形
长方形测量：确定左上角坐标与右下角坐标即可 —— 用来量文字
coords =“360，204，48，69” ，第一个和第二个参数是左上角坐标，三四是右下角坐标
五丶 figuer 元素（HTML标准）
和figuer元素联用，这样是为了增强语义化的编码规范，让浏览器更好的理解我们的代码
这样就可以让浏览器独栋，这三个 p , h2 , img 这三个元素是有关联的
六丶 figuer-figcaption子元素（HTML5标准）
在HTML5中，推荐使用figcaption子元素包住标题元素，也是增强HTML5语义化标准规范
所以说，只要包住上图的p元素就可以了，
