网页中的图片和文字的处理非常类似,图片及文字段落在一起时,可以通过HTML代码设置图文排版。<img/>标签的align属性用于设置图片与段落的排版,其取值比较复杂。
图像的绝对对齐方式与相对文字的对齐方式不同,绝对对齐方式包括left、center和right3种,而相对文字对齐方式则是指图像与一行文字的相对位置。align的取值一共有以下几种,如表5.1所示。
表5.1 align的取值
在D:\web\目录下创建网页文件,命名为img_align.htm,编写代码如代码5.5所示。
代码5.5 图文对齐设置:img_align.htm
在浏览器地址栏输入http://localhost/img_align.htm,浏览效果如图5.5所示。
图5.5 图文对齐设置