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