HTML教程(7)-插入图形

插入图形

　　超文本之所以在很短的时间内如此广泛的受到人们的青睐，很重要的一个原因时它能支持多媒体的特性，如图象、声音、动画等。这一部分，我们先来学习在一个页面中如何插入图象。

---

基本格式

　　超文本支持的图象格式一般有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>