网络编程 | 站长之家 | 网页制作 | 图形图象 | 操作系统 | 冲浪宝典 | 软件教学 | 网络办公 | 邮件系统 | 网络安全 | 认证考试 | 系统进程
Firefox | IE | Maxthon | 迅雷 | 电驴 | BitComet | FlashGet | QQ | QQ空间 | Vista | 输入法 | Ghost | Word | Excel | wps | Powerpoint
asp | .net | php | jsp | Sql | c# | Ajax | xml | Dreamweaver | FrontPages | Javascript | css | photoshop | fireworks | Flash | Cad | Discuz!
当前位置 > 网站建设学院 > 网页制作 > HTML
网页制作:Dreamweaver教程,FrontPages教程,Javascript教程,HTML教程,CSS教程,心得技巧,DHTML教程,网页特效,Discuz!论坛
本月文章推荐
.HTML语言剖析(四)排版标记.
.让网页里的提交按钮变得更靓丽.
.使用Web标准建站第10天:自适应高.
.实现网页的动态过渡效果.
.HTML之链接标记.
.输入框input高级限制级用法指南.
.HTML中meta作用.
.页边距的设定技巧(HTML).
.实现网页渐入特殊效果.
.XHTML基础问答.
.使用Web标准建站第2天:什么是名.
.HTML的排版标记.
.XHTML入门学习教程:框架标签使用.
.个性化表单五技巧.
.HTML组件(HTML COMPONENTS)之十一.
.“mailto”的六则应用技巧.
.在线播放器代码大全.
.让字体美起来.
.XHTML标签写法应该注意的问题.
.HTML中的表格元素.

HTML中的图象标签属性

发表日期:2005-7-7


--  HTML中的图象标签属性
图象可以使网页更加生动美观。浏览器可以显示JPEG和GIF图象,其中GIF图象最多只能使用256种颜色(即只能保存为8位颜色),而JPEG格式可保存为24位,对具体连续色调的图象有最佳效果。不过,GIF图象虽然在图象质量上不及JPEG图象,但其所占的存储空间下,下载速度快。因此应视不同情况而决定使用哪种格式的图象。
在HTML文档中插入图象是通过<IMG>标签来实现的。该标签共有个9个属性。除属性SRC是不可缺省的外,其他的属性都是可选的。

 

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

绝对路径表示法:<IMG SRC="http://page2000.xiloo.com/web/icon.html">

相对路径表示法:<IMG SRC="web/icon.html">

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

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

<html> 
<head> 
<title>测试页面</title> 
</head>
<body> 
<HR> 
<IMG src="icon.gif"ALIGN=bottom> 我的图标好看吗? 
<br> 
<HR> 
<P><BR> 
再看看这个怎样? 
<img src="me.gif"align=top WIDTH=100 HEIGHT=100><br>
<p> 
<HR> 
</body> 
<html>

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

四,ALT属性。用户在浏览网页时,常常会为了节省时间或其他的原因选择不下载图片,加入ALT属性可以在原本显示图片的位置显示一些有关于该图象的信息。ALT属性的参数值就是网页编辑者希望在在原本显示图象的地方出现的文字信息,一般是图象的名称和简要的说明。例如。

<html>
<head> 
<title>测试页面</title>
</head>
<body>
<HR>
<IMG src="icon.gif"ALIGN=bottom ALT="这是我的图标">
你看不到吧?嘿嘿
<br>
<HR>
<P><BR>
<br><P>
</body>

</html>

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

<IMG>标签用vspace和hspace这两个属性来确定图象与其像邻的对象之间的空白大小。vspace属性用于指定图象与其垂直方向上相邻对象之间的距离。hspave用来指定图象与其水平方向相邻对象之间的距离。这两个属性的参数都是数字,表示空出距离的像素点数。

六,BORDER属性。

浏览器在调用图象时会根据浏览器窗口和原始图象大小的不同给图象加上不同宽度的边框。我们可利用border属性来指定图象边框的宽度或者取消边框<border=0>。border属性的参数值也是数字,表示边框宽度所占的像素点数。例如:

<html>
<head>
<title>测试页面</title>
</head>
<body>
<HR>
<IMG src="me.gif"ALIGN=top border=5>
看看效果就行。
<br>
<HR>
<P><BR>
</body>
</html>

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

七,ISMAP属性

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

上一篇:HTML组件(HTML COMPONENTS)之九 人气:8171
下一篇:HTML中的表格元素 人气:9214
浏览全部HTML的内容 Dreamweaver插件下载 网页广告代码 祝你圣诞节快乐 2009年新年快乐