现在的位置: 首页 >> 网页设计 >> HTML >> HTML教程-插入图形
添加时间:2005-11-11 来源:网教中国 作者: 未知
HTML教程-插入图形


插入图形

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


基本格式

  超文本支持的图象格式一般有X Bitmap(XBM)、GIF、JPEG三种,所以我们对图片处理后要保存为这三种格式中的任何一种,这样才可以在浏览器中看到。
  插入图象的标签是,其格式为:

     

  SRC属性指明了所要链接的图象文件地址,这个图形文件可以是本地机器上的图形,也可以是位于远端主机上的图形。地址的表示方法可以沿用上一篇内容“文件的链接”中URL地址表示方法。

  例: 

  IMG还有两个属性是HEIGHT和WIDTH,分别表示图形的高和宽。通过这两个属性,可以改变图形的大小,如果没有设置,图形按原大显示:

  例:

  



图形与文字的对齐排列:

  由IMG中的ALIGN属性来设置图文的对齐方式,有以下几种:

ALIGN=top 〈IMG SRC="star.gif" ALIGN=top>美丽的心灵   美丽的心灵
ALIGN=middle 〈IMG SRC="star.gif" ALIGN=middle>美丽的心灵   美丽的心灵
ALIGN=buttom 〈IMG SRC="star.gif" ALIGN=buttom>美丽的心灵   美丽的心灵
ALIGN=texttop 〈IMG SRC="star.gif" ALIGN=textop>美丽的心灵   美丽的心灵
ALIGN=baseline 〈IMG SRC="star.gif" ALIGN=baeline>美丽的心灵   美丽的心灵
ALIGN=left 〈IMG SRC="star.gif" ALIGN=left>美丽的心
灵,有着数不清的爱心,象天空里的星星,明
亮晶莹。
美丽的心灵,
有着数不清的
爱心,象天空
里的星星,明
亮晶莹。
ALIGN=right 〈IMG SRC="star.gif" ALIGN=right>美丽的心
灵,有着数不清的爱心,象天空里的星星,明
亮晶莹。
美丽的心灵,
有着数不清的
爱心,象天空
里的星星,明
亮晶莹。




图文之间的距离设置:

  在HTML文件里图形水平位置的配置,可由HSPACE属性来完成,其垂直位置的配置,由VSPACE来完成。

美丽的心灵
美丽的心灵
美丽的心灵




图形按钮:

  图形按钮就是使用者通过在图形上单击,就能连接到某个地址上去。很简单,我们只要调用一下前面的知识就可以完成了。其基本格式如下:

  

例:

  

显示结果为:

  图形上出现小手了,我们试一下吧!


上一篇:HTML教程-播放音乐 下一篇:HTML教程-文件之间的链接
大部分文章摘自网上,如有侵犯您的权益请与我们联系,我们会第一时间进行处理,谢谢! [ 打印文章 ] [ 关闭窗口 ]
推荐文章
·模仿QQ和MSN消息提示的效果
·动态HTML教程(五)
·表格(Table)
·用好活动字幕标记—marquee
·HTML语言的语法基础及规则
·中文网页制作中段落缩进的方法
·HTML彻底剖析(2)标记一览
·快速精通掌握框架的使用
·感受Web标准,第一次DIV+CSS
·网页制作,使用HTML常范的五个错
相关文章
·HTML教程-播放音乐
·HTML教程-播放视频
·HTML教程-多窗口页面(Frames)
·HTML教程-各窗口的尺寸设置
·HTML教程-各窗口间相互操作(Fram
·HTML教程-Frame 的其它属性
·HTML教程-总复习
·HTML教程-文件之间的链接
·HTML教程-表格的颜色
·HTML教程-跨多行、多列的表元
最新文章
·让自己的网站也拥有权威IT报价系
·在网页中实现细线边框的两种方法
·ASP脚本循环语句
·小偷程序原理和简单示例
·精彩:用Asp实现QQ在线查询
·“mailto”的六则应用技巧
·meta标签之详解
·为你的网页链接加上快捷键
·如何在网页中制作虚线表格
·连动下拉菜单
Google