html:图像链接和图像映射

本文详细介绍了HTML中的图像使用,包括位图和矢量图的区别,重点讲解了<img>元素的属性,如src、alt、align等,并展示了如何在图像上插入链接。此外,还探讨了<object>元素在添加多媒体文件中的应用。最后,深入阐述了图像映射的概念,包括服务器端和客户端图像映射,以及如何通过<map>和<area>元素创建图像的多区域链接。

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

图像

分为:

(1)位图:    

 GIF  采用查找表存储颜色,最多存储256种颜色,如果一个图像有大量单调颜色,则只存储一个即可。适用于颜色单调的图片。
JPEG  能够存储无限种颜色,因此适用于颜色很多的图像。
 PNG  不是所有浏览器支持

网页放置大图像的建议:先提供小版本,然后提供大图像的链接。

(2)矢量图:

flash、silverlight

 

<img>元素

向网页中添加图像使用<img>元素。

img元素的属性:

(1)src:图片来源URL。

(2)alt:辅助效果.

(3)align:有right、left、top、bottom等。

(4)height和width:单位为像素,如果不指定,则为默认;如果只指定height或width,则自动调整大小。

(5)hspace和vspace:图像和周围文字的空白间隙大小。

例如 :  <img src = "images/redhat.gif" alt = "redhat os" align = "left" width = "150" height = "150" hspace = "4"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值