找回密码
 注册
搜索
热搜: 回贴

HTML中的图象标签属性

2009-12-16 01:53| 发布者: admin| 查看: 21| 评论: 0|原作者: 云天河

  图象可以使网页更加生动美观。浏览器可以显示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属性

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

最新评论

QQ|小黑屋|最新主题|手机版|微赢网络技术论坛 ( 苏ICP备08020429号 )

GMT+8, 2024-9-30 13:18 , Processed in 0.191118 second(s), 12 queries , Gzip On, MemCache On.

Powered by Discuz! X3.5

© 2001-2023 Discuz! Team.

返回顶部