HTML——图像的超链接

本文介绍如何为整张图片设置超链接以及如何创建包含多个链接的热区映射图像。包括基本语法、参数说明及实现步骤。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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坐标值


评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值