图文混排代码

 

                  

一，右图左文代码：

  <p><IMG src="图片地址" align=right>输入文字处</p>

说明：1、点击代码编按钮进入代码编辑窗口后粘贴代码和图片地址;

          2、align=right 表示图片的位置，right（右边）可以改变，懂英语的就知道。

          3、如果要换行，就在换行处用“<br>”      

二，左图右文代码：

<p><IMG src="图片地址" align=left>输入文字处</p>

说明：1、点击代码编辑按钮进入代码编辑窗口后粘贴代码和图片地址;

          2、align=right 表示图片的位置，left（左边）可以改变，懂英语的就知道。

          3、如果要换行，就在换行处用“<br>”

三，左图右文+下文代码：

<P> <IMG src="图片地址" align=left><br>文字输入处<br clear=all>文字输入处</P>

    说明：1、操作方法同前；

                 2、<br clear=all> 这个代码所起的作用是将文字放到图像的下面；（不管图像的右边或左边还有多大的空间，文字都在图像的下面）

                 3、以此类推，如果图像在右边，只需要看序号二的内容就行了。

四、文字环绕图片排版的代码：

<DIV align=center>

<TABLE cellSpacing=1 cellPadding=0 rules=no width=640>

<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>

五、文字右半包围排版代码：

 <p>文字<img style="FLOAT: left" alt="floating" src="图片地址" align="top" /> 文字</p>

六、文字左半包围排版代码：

<p>文字<img style="FLOAT: right" alt="floating" src="图片地址" align="top" /> 文字</p>