四、图文混排设置
我们已经学会在一个页面中显示图像,但图像往往是和文本一起显示的,所以还要学会将文本和图像按我们的需要的方式混排。
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两个属性,分别用来调整图像的宽度和高度,它们的取值均为像素值。
点击这里查看效果。
<<上一页
--金刀工作室游侠/文--
|