图文混排的制作方法
1、 左文右图。
代码：
<IMG src="图片地址" align=right>输入文字处
效果见图。
2、 右文左图。
代码：
<IMG src="图片地址" align=left>输入文字处
效果见图。
3、 文字右半包围。
代码：
</FONT></FONT>
<p style="TEXT-INDENT: 2em"><font size="3"> <font color="文字颜色">文字前段 <IMG " style="FLOAT: left" src="图片地址" border=0>文字后段 </font></font>
效果见图。
4、 文字左半包围。
代码：
</FONT></FONT>
<p style="TEXT-INDENT: 2em"><font size="3"> <font color="文字颜色">文字前段 <IMG " style="FLOAT: right" src="图片地址" border=0>文字后段 </font></font>
效果见图。
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="图片地址
<TD>图右文字</TD></TR>
<TR align=left>
<TD colSpan=3>图下文字</TD></TR>
</TBODY></TABLE></DIV>
效果见图。
