html 图像链接和图像映射

本文介绍了HTML中元素的使用,包括图像的位图和矢量图概念,以及如何在图像上添加链接。重点讲解了如何创建图像映射,包括服务器端和客户端图像映射的实现,并提供了详细的属性示例。 摘要由CSDN通过智能技术生成
               

图像

分为:

(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" vspace = "4">

建议:如果要把一个图片设置成很小,则建议新建一个很小的图片。

 

<object>元素

添加多媒体文件:<object>

常用属性:

(1)classid:运行指定文件的应用程序。

(2)codebase:基URL。

 

在图像上插入链接:点击图片,跳转页面。

在<a></a>之间插入<img/>元素.

<a href = "http://blog.csdn.net/xiazdong" target = "_blank"><img src = "images/apple.jpg"/></a>

 

<html> <head><title>Home</title></head> 
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值