html页面中给图片添加热点链接

在页面制作当中,也许会碰到一张图片只能点击固定区域,不同位置进行页面跳转,那么可以考虑使用热点,介绍一个比较简单的方法之一。
1.打开Dreamweaver,添加一张图片;


"images/body_bg.jpg" />

2.点击设计,进入设计模式;
在这里插入图片描述
3.单击图片,在底部选择矩形热点工具;
html页面中给图片添加热点链接_第1张图片
4.然后在你图片需要的地方进行绘制,绘制完毕后,在底部链接框里写入链接地址;
html页面中给图片添加热点链接_第2张图片
5.回到代码视图,最后把你制作完热点的代码复制到你代码当中。


"images/body_bg.jpg" border="0" usemap="#Map" />
"Map" id="Map">"rect" coords="261,140,445,195" href="http://www.baidu.com" />


你可能感兴趣的:(html,css,css3,html5)