图像相关元素
郝东
202
图像相关元素
<img.../>元素在页面中定义图像，这个元素只能是一个空元素，它不可以包含任何内容。该元素除了可以指定吐style 、class 等核心属性外，也可以指定onclick等事件属性。
使用<img.../>元素必须指定如下属性：
src：该属性指定图片文件所在的位置，该属性值既可以是相对路径，也可以是绝对路径。
alt ：该属性指定一段文本，该文本将作为该图片的提示信息。
<img.../>元素还可以指定的元素：
height：指定该图片的高度，该属性值可以是百分比，也可以是像素值。
width ：指定该图片的宽度，该属性值可以是百分比，也可以是像素值。
与图片相关的其他标签：
<map> ：用于定义图片映射。该元素主要可以包含一个或多个<area...／＞子元素，每个<area.../>子元素定义一个区域，不同区域可链接到不同URL 。·
<area> ：用于定义图片映射的内部区域。该元素只能是一个空元素，该元素除了可以指定id 、style 、ciass 等核心属性外，也可以指定onclick 等事件属性，还可以指定onfocus 、onblur 等焦点相关属性。还可以指定如下属性：
shape: 指定该内部区域是哪种区域，该属性的默认值是“rect" ，即矩形区域；除此之外，还可以是circle 和ploy, 分别代表圆形区域和多边形区域。
coords: 指定多个坐标值，用于确定区域位置。
href: 用千确定该区域所链接的资源。
alt: 该属性指定一段文本，该文本将作为该图片的提示信息。
target: 指定使用框架集中的哪个框架来装载另一个资源。该属性的属性值可以是＿self、_blank 、_top 、_parent 四个值，分别代表使用自身、新窗口、顶层，框架、父框架来装载新资源。
media: 指定目标URL 所引用的媒体类型。默认值为all 。只有当指定了href属性时该属性才有效。
一旦我们使用<map.../>元素定义了图片映射之后，就可以让指定图片使用该图片映射，通过为＜img../＞元素指定usemap 属性让该图片使用图片映射，设置usemap 属性值为#mapname 即可。