图 文 混 排 代 码
右图左文代码:
<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>
|
评论