张孝祥Javascript 01-06,07

本文详细介绍了网页中图像标签的基本属性,如`<img>`标签及其样式属性,以及如何创建图像地图来实现交互式的图像链接。通过实例演示了如何在图像上添加热点区域并配置指向不同URL的链接。

图像标签:

1.<img>标签,例如,<img src="MyPhoto.gif">,还可以设置alt,align,
border,width,height等属性。
align,制定图像与其周围文本对齐属性,
alt,无法加载图像时候显示的文本,

图像地图

1.图像超链接:
格式:<a href="www.163.com"><img src="logo.gif"></a>

2.图像地图是什么?
把一副图像分成多个区域,每个区域指向不同的URL地址。譬如,一个中国
地图的图像按省市划分成若干个区域,单击热点区域,就可以链接到于相应
省市有关的页面。

3.怎样产生图像地图?
(1)首先定义出各热点的区域形状,位置坐标及其指向的url地址等信息,这个
过程叫 热点映射。使用<map name=mapname></map>标签对进行说明。
(2)各个区域用<area>标签说明。
(3)定义好了图热点映射后,接着就要在<img>标签中增加一个名为usemap的
属性设置。<img src="china.jpg" usemap=#mymap>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值