AutoCAD 3DMAX C语言 Pro/E UG JAVA编程 PHP编程 Maya动画 Matlab应用 Android
Photoshop Word Excel flash VB编程 VC编程 Coreldraw SolidWorks A Designer Unity3D
 首页 > 网页制作

HTML教程 第六章 多媒体效果

51自学网 2015-09-28 http://www.51zixue.net

插入图形

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


基本格式

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


<

 

 

 
上一篇:HTML教程&nbsp;第四章 table表格  下一篇:HTML教程&nbsp;第一章:HTML&nbsp;语言的结构