-图片元素

图片元素

img元素

image缩写，空元素

• src属性:source

<a href="./大虞海棠.jpg">dyht</a>(站内资源、相对路径)

dyht

• alt属性:当图片资源失效时，将使用该属性的文字替代图片

和a元素联用

<a href="https://weibo.com/p/1008083b3ecd62c031590516a8132f73e0f3fc/super_index" title="大虞海棠超话">
    <img src="./大虞海棠.jpg" alt="这是一张邻居图片">
</a>

map元素

map:地图（是单独的元素）
类似于锚链接 以name=""的形式 与img元素联用
map的子元素

• shape(形状):
  default 规定全部区域
  rect 定义矩形区域
  circle 定义圆形
  poly 定义多边形区域
• coords(坐标):
  circle 圆心横坐标,圆心纵坐标,半径
  rect 左上角点的坐标，右下角点的坐标
  poly 量出每个点的坐标
• href 超链接
• target 是否弹出新窗口(_blank/_self)

<a href="https://weibo.com/p/1008083b3ecd62c031590516a8132f73e0f3fc/super_index" title="大虞海棠超话">
    <img usemap="#dyht" src="./大虞海棠.jpg" alt="这是一张邻居图片">
</a>
<map name="dyht">
    <area shape="rect" coords="372,127,727,772" href="https://baike.baidu.com/item/%E8%99%9E%E4%B9%A6%E6%AC%A3/2977841?fr=aladdin" alt="虞书欣" target="_blank">
    <area shape="rect" coords="777,72,1172,827" href="https://baike.baidu.com/item/%E8%B5%B5%E5%B0%8F%E6%A3%A0/24274480?fr=aladdin" alt="赵小棠" target="_blank">
</map>

figure元素

指代、定义，通常用于把图片、图片标题、描述括起来
子元素:figcaption

<figcaption>
    <h2>标题</h2>
</figcaption>