首页---入门---插入图象

基本格式
一般格式
页面显示控制
建立超链接
插入图象
列表制作
表单制作
创建表格
框架制作
多媒体应用
源代码详解
CSS制作

◇插入图象◇    
四、图文混排设置
     我们已经学会在一个页面中显示图像,但图像往往是和文本一起显示的,所以还要学会将文本和图像按我们的需要的方式混排。
   1. 将图像和文本显示在同一行中
     当想把文本和图像显示在同一行中时,你可以使用<IMG>标签的ALIGN属性,它的格式如下:
     <IMG SRC=图像文件名 ALIGN=TOP(MIDDLE或 BOTTOM)>
    --ALIGN=TOP,表示将文字沿图像顶部对齐;
    --ALIGN=MIDDLE,表示将文字放在图像中部;
    --ALIGN=BOTTOM,表示将文字沿图像底部对齐。

点击这里查看效果。

  2. 在图像旁边加多行文本
    有时,希望能在图像旁边显示多行文本,<IMG>的属性ALIGN可以实现。ALIGN=LEFT表示图像放在左边;ALIGN=RIGFT表示图像放在右边。

点击这里查看效果。

  3. 控制图像与文本间的距离
    <IMG>提供了两个用于控制图像与文本间距离的属性VSPACE和HSPACE,分别控制 图像与文本上下和左右间的距离。它们的取值均为像素值。。

点击这里查看效果。

  4. 图像大小调整
    <IMG>提供了WIDTH和HEIGHT两个属性,分别用来调整图像的宽度和高度,它们的取值均为像素值。

点击这里查看效果。

  <<上一页

--金刀工作室游侠/文--