图文混排的制作方法

1、 左文右图。 代码： <p><IMG src="图片地址" align=right>输入文字处</p> 效果见图。

2、 右文左图。 代码： <p><IMG src="图片地址" align=left>输入文字处</p> 效果见图。

3、 文字右半包围。 代码： </FONT></FONT></P><p style="TEXT-INDENT: 2em"><font size="3">&nbsp; <font color="文字颜色">文字前段 <IMG " style="FLOAT: left" src="图片地址" border=0>文字后段 </font></font></p> 效果见图。

4、 文字左半包围。 代码： </FONT></FONT></P><p style="TEXT-INDENT: 2em"><font size="3">&nbsp; <font color="文字颜色">文字前段 <IMG " style="FLOAT: right" src="图片地址" border=0>文字后段 </font></font></p> 效果见图。

5、 中间文字两边图片。 代码： <DIV align=center><TABLE cellSpacing=1 cellPadding=0 rules=no width=600><TBODY><TR><TD><IMG src="图片地址"></TD><TD>文字 </TD><TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></DIV> 效果见图。

6、 文字环绕图片。 代码： <DIV align=center><TABLE cellSpacing=1 cellPadding=0 rules=no width=600><TBODY><TR align=left><TD colSpan=3>图上边文字</TD></TR><TR align=middle><TD>图左文字 </TD><TD><IMG height=200 src="图片地址" width=200></TD><TD>图右文字</TD></TR><TR align=left><TD colSpan=3>图下文字</TD></TR></TBODY></TABLE></DIV> 效果见图。