购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

5.3 图文混合排版

网页中的图片和文字的处理非常类似,图片及文字段落在一起时,可以通过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 图文对齐设置 nItjGqjRotN2uQrPZd0XLNFPdZV+Kq70KQVNqZCK29Wrm9YTqOJS4+Qj1odcdTi8

点击中间区域
呼出菜单
上一章
目录
下一章
×

打开