当前位置:  编程技术>WEB前端

HTML中的图象标签属性

    来源: 互联网  发布时间:2014-09-06

    本文导语:  HTML中的图象标签属性 图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象,其中GIF图象最多只能使用256种颜色(即只能保存为8位颜 色),而JPEG格式可保存为24位,对具体连续色调的图象有最佳效果。不过,GIF图象虽...

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属性
这个属性于文档的超链接有关,我们以后在详细讲解它。


    
 
 
 
本站(WWW.)旨在分享和传播互联网科技相关的资讯和技术,将尽最大努力为读者提供更好的信息聚合和浏览方式。
本站(WWW.)站内文章除注明原创外,均为转载、整理或搜集自网络。欢迎任何形式的转载,转载请注明出处。












  • 相关文章推荐
  • Web前端设计:html上标<sup>标签与下标<sub>标签详解
  • 网络技术 iis7站长之家
  • html<pre>标签自动换行实现方法
  • C#实现过滤html标签并保留a标签的方法
  • HTML 5 <!DOCTYPE> HTML文档规范声明标签
  • jquery删除指定的html标签并保留标签内文本内容的方法
  • PHP去除html标签,php标记及css样式代码参考
  • 删除html标签得到纯文本可处理嵌套的标签
  • html中<radio>单选按钮控件标签用法解析及如何设置默认选中
  • php转换html标签小例子
  • Web前端设计:Html强制不换行<nobr>标签用法代码示例
  • 移除HTML标签的正则表达式
  • HTML5 <audio> 标签-在html中定义声音的标签
  • html小技巧之td,div标签里内容不换行
  • Html checkbox标签如何设置默认选中以及用js操作checkbox代码示例
  • PHP删除HTMl标签的代码
  • html form标签用法(js操作form)介绍及代码示例
  • asp.net去除HTML标签删除HTML小例子
  • HTML 5 <body> 标签-定义文档的主体
  • 去除HTML标签删除HTML示例代码
  • HTML5 <bdo> 标签:覆盖默认的文本方向
  • PHP中HTML标签过滤技巧
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html定义及介绍
  • 基于HTML5的幻灯片 html5slides
  • java命名空间javax.swing.text.html类html.tag的类成员方法: html.tag定义及介绍
  • 基于 KBEngine 的 HTML5 插件 kbengine_html5
  • java命名空间javax.swing.text.html类html.unknowntag的类成员方法: html.unknowntag定义及介绍
  • 让 IE 支持 HTML5 html5shim
  • java命名空间javax.swing.text.html类htmleditorkit.inserthtmltextaction的类成员方法: html定义及介绍
  • HTML文档格式化工具 HTML Tidy
  • java命名空间javax.swing.text.html类html的类成员方法: getallattributekeys定义及介绍


  • 站内导航:


    特别声明:169IT网站部分信息来自互联网,如果侵犯您的权利,请及时告知,本站将立即删除!

    ©2012-2021,,E-mail:www_#163.com(请将#改为@)

    浙ICP备11055608号-3