7.图片元素

图片元素

img元素

img缩写，空元素

src属性（source，资源）：" "内写图片地址，地址写法见“路径的写法”

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

和a元素连用

把img元素套入a元素

和map元素

map：地图

name元素

1. 驼峰命名法：单词与单词用大写字母隔开
2. -命名法：单词间用“-”命名

img内用usemap(#)与name内容统一

map的子元素：area

shape=" “形状 coords=”" 坐标（原点为左上角，横x竖y，可用qq截图等测量） href=“地址” alt=“图片出错时的文字”

避免衡量误差使用专业衡量工具eg：ps、pxcook等

circle圆形 coord="x,y,r"圆心坐标和半径
rect矩形 输入coord"x1,y1,x2,y2"左上角和右下角坐标
poly多边形 每个点都输入其中，n边行n个点

和figure元素

指代，定义，通常用于把图片、图片标题、描述包裹起来

子元素：figcaption（标题）包裹head元素

背景图

 body{
            background-image: url();
        }
    </style>

url()中直接加地址