HTML——图像的超链接

1.  设置图像的超链接

    对整个一幅图像文件设置超链接

    语法:            <a  herf="链接地址"  target="目标窗口打开方式"><img  src="图像文件的地址"></a>

    功能:            为图片添加超链接

    在图像属性中可以添加图像的其他参数,如  heigth、border、hspace 等。


2.   设置图像热区链接

    包含热区的图像也可以称为映射图像,即将图像划分成不同的区域进行链接设置。

    功能:            实现一个图像添加多个链接地址

    步骤:            a.  设置映射图像名称     <img  src="图像地址"   usemap="映射图像名称">

                           b.  定义热区图像和地址:   
                               <map  name="映射图像名称">
                                        <area  shap="热区形状"   coords="热区坐标"  href="链接地址"/>
                               </map>

                              

参数解释
shap 含义 对应的coords取值
rect 矩形

left、top、right和bottom

circle 圆形 center-x、center-y和tadius
poly 多边形 按照顺序(逆时针或顺时针)取各个点的x、y坐标值


猜你喜欢

转载自blog.csdn.net/qq_41573234/article/details/80301872