html教程 第六章 多媒体效果
插入图形
超文本之所以在很短的时间内如此广泛的受到人们的青睐，很重要的一个原因时它能支持多媒体的特性，如图象、声音、动画等。这一部分，我们先来学习在一个页面中如何插入图象。
基本格式
超文本支持的图象格式一般有x bitmap(xbm)、gif、jpeg三种，所以我们对图片处理后要保存为这三种格式中的任何一种，这样才可以在浏览器中看到。
插入图象的标签是<img>，其格式为：
<img src="图形文件地址">
src属性指明了所要链接的图象文件地址，这个图形文件可以是本地机器上的图形，也可以是位于远端主机上的图形。地址的表示方法可以沿用上一篇内容“文件的链接”中url地址表示方法。
例： <img src="images/ball.gif">
img还有两个属性是height和width，分别表示图形的高和宽。通过这两个属性，可以改变图形的大小，如果没有设置，图形按原大显示：
例：
| <img src="flowers0.jpg"> | <img src="flowers0.jpg" width="200" heigth="100"> |
|
图形与文字的对齐排列：
由img中的align属性来设置图文的对齐方式，有以下几种：
| align=top | 〈img src="love.gif" align=top>美丽的心灵 | |
| align=middle | 〈img src="love.gif" align=middle>美丽的心灵 | |
| align=buttom | 〈img src="love.gif" align=buttom>美丽的心灵 | |
| align=texttop | 〈img src="love.gif" align=textop>美丽的心灵 | |
| align=baseline | 〈img src="love.gif" align=baeline>美丽的心灵 | |
| align=left | 〈img src="love.gif" align=left>美丽的心 灵，有着数不清的爱心，象天空里的星星，明 亮晶莹。 | 有着数不清的 爱心，象天空 里的星星，明 亮晶莹。 |
| align=right | 〈img src="love.gif" align=right>美丽的心 灵，有着数不清的爱心，象天空里的星星，明 亮晶莹。 | 有着数不清的 爱心，象天空 里的星星，明 亮晶莹。 |
图文之间的距离设置：
在html文件里图形水平位置的配置，可由hspace属性来完成，其垂直位置的配置，由vspace来完成。
| <ima src="love.gif" > | |
| <ima src="love.gif" hspace=30> | |
| <ima src="love.gif" vspace=30> |
图形按钮：
图形按钮就是使用者通过在图形上单击，就能连接到某个地址上去。很简单，我们只要调用一下前面的知识就可以完成了。其基本格式如下：
<a href="资源地址"><img src="图形文件地址"></a>
例：
<a href="index.htm"><ima src="html.gif"></a>
- Copyright © 2001- 2010 丰搜网 All Rights Reserved
- ICP备案编号:粤ICP备06052964号
