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()中直接加地址

已标记关键词 清除标记
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页