html中图像标记的属性,HTML中的图象标签属性

HTML中的图象标签属性

更新时间:2006年08月28日 00:00:00   作者:

HTML中的图象标签属性

图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象,其中GIF图象最多只能使用256种颜色(即只能保存为8位颜

色),而JPEG格式可保存为24位,对具体连续色调的图象有最佳效果。不过,GIF图象虽然在图象质量上不及JPEG图象,但

其所占的存储空间下,下载速度快。因此应视不同情况而决定使用哪种格式的图象。

在HTML文档中插入图象是通过标签来实现的。该标签共有个9个属性。除属性SRC是不可缺省的外,其他的属性都是可

选的。

一,SRC属性。SRC即Source,该属性用以指出被引用的图象文件所在的位置。例如:

绝对路径表示法:

相对路径表示法:

SRC的属性参数值就是图像文件的URL。注意,只有当图象文件和HTML文档在同一目录下时才可采用相对表示法来标识图象文

件的位置。

二,ALIGN属性。align属性的参数值为top,middle,bottom.分别表示图象相邻的文字位于图象的左上方,左面中间,和右下

方。例如:

测试页面

 我的图标好看吗?


再看看这个怎样?


可以将图象换成你自己的。注意,浏览器默认的目录是windows/TEMP临时文件夹。你需要指定图象所在的目录。

四,ALT属性。用户在浏览网页时,常常会为了节省时间或其他的原因选择不下载图片,加入ALT属性可以在原本显示图片的

位置显示一些有关于该图象的信息。ALT属性的参数值就是网页编辑者希望在在原本显示图象的地方出现的文字信息,一般

是图象的名称和简要的说明。例如。

测试页面

你看不到吧?嘿嘿


五,确定图象边距的属性。

标签用vspace和hspace这两个属性来确定图象与其像邻的对象之间的空白大小。vspace属性用于指定图象与其垂直方

向上相邻对象之间的距离。hspave用来指定图象与其水平方向相邻对象之间的距离。这两个属性的参数都是数字,表示空出

距离的像素点数。

六,BORDER属性。

浏览器在调用图象时会根据浏览器窗口和原始图象大小的不同给图象加上不同宽度的边框。我们可利用border属性来指定图

象边框的宽度或者取消边框。border属性的参数值也是数字,表示边框宽度所占的像素点数。例如:

测试页面

看看效果就行。


border的参数值越大边框越大。

七,ISMAP属性

这个属性于文档的超链接有关,我们以后在详细讲解它。

相关文章

1a1b05c64693fbf380aa1344a7812747.png

典型的三行二列居中高度自适应布局...2006-08-08

4f55910a645b073bc4fc65dc10dc14bd.png

div+css布局入门...2006-09-09

0ea3c7666119d5615e582f823fb3fad6.png

CSS3中的过渡Transition有四个中心属性:transition-property、transition-duration、transition-delay和transition-timing2014-05-05

4f96a78db829b1556ff16de21e013c7a.png

css静态滤镜...2006-07-07

8cc1031babc6aff2319f1c6af8544aa0.png

CSS解决未知高度垂直居中...2006-09-09

0c932a99bb7b6f23c937db507070cc7b.png

怎么改善现有网站...2006-08-08

cca732bf65a93ed2ec0ac80c638460fe.png

CSS使用心得体会...2006-09-09

2d9f31f2af7b675a3d153d2b7f1035a7.png

html在线编辑器的更新[2006-05]...2006-12-12

b452cee8ec5cd9e58ab98eba17281e59.png

Flash页面如何通过校验...2006-08-08

f4838ec7e2d4da28e0b57d4e852dadd4.png

web标准布局实例教程,用定位轻松解决CSS复杂布局...2006-07-07

最新评论

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值