<DIV style="WIDTH: 109px; HEIGHT: 108px"><IMG style="WIDTH: 500px; HEIGHT: 700px" height=108 src="http://img1.qq.com/news/20060303/3304763.jpg" width=109 align=right>
<DIV style="FLOAT: left; WIDTH: 500px; HEIGHT: 260px; BACKGROUND-COLOR: transparent"><BR><FONT color=#ff00ff><FONT style="BACKGROUND-COLOR: #ffffff"><FONT size=5> </FONT><STRONG><FONT size=6 ;style="BACKGROUND-COLOR: #ffffff">這種文章版式的缺點就是：文字編輯不太方便，需要在代碼里編輯文字。</FONT></STRONG></FONT></FONT>
2、文章有背景圖片（二）
<TABLE style="WIDTH: 500px" cellPadding=15>
<TBODY>
<TR>
<TD style="BACKGROUND: url(http://img1.qq.com/news/20060303/3304763.jpg)">
<P><STRONG><FONT style="BACKGROUND-COLOR: #80ffff" color=#660099 size=6>這種排版，他的缺點就是：圖片時隨文章內容顯示的，所以圖片寬度需要是500像素。且字數多了，圖片會重復顯示</FONT></STRONG></P></TD></TR></TBODY></TABLE>
3、文章有背景圖片（三）
<DIV style="WIDTH: 109px; HEIGHT: 108px"><IMG height=700 src="http://img1.qq.com/news/20060303/3304763.jpg" width=500 align=right>
<DIV style="FLOAT: left; WIDTH: 490px; HEIGHT: 680px; BACKGROUND-COLOR: transparent"><BR><FONT color=#ffffff size=5><STRONG> 這一文章版式的缺點也是文字編輯較麻煩，必須在代碼里編寫 </STRONG></FONT> </DIV></DIV>
4、文字在左，圖片在右
<TABLE style="WIDTH: 500px" cellPadding=15>
<TBODY>
<TR>
<TD bgColor=#eeeeff>
<P><IMG style="WIDTH: 187px; HEIGHT: 262px" height=401 hspace=1 src="http://img1.qq.com/news/20060303/3304763.jpg" width=187 align=right hight="60"><STRONG><FONT color=#ffffff size=5>“紫光閣”——心與心的交流！</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5>這個文章版式的特點是：文字在圖片的左邊，且可以圍繞圖片繼續(xù)寫下去。很方便，很實用。</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 而且，背景顏色會隨著文字的增加而自動擴展。</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 可以在Ｗｏｒｄ模式和代碼模式下編寫。</FONT></STRONG></P></TD></TR></TBODY></TABLE>
注意：調整圖片于文字的距離可加入[vspace=上下距離 hspace=左右距離]. 使用不同數值效果不一樣.改后的代碼是：
<P><IMG height=100 hspace=10 src="圖片連接地址" width=100 vspace=10 align=left border=0>文章內容</P>
5、文字在右，圖片在左
<TABLE style="WIDTH: 500px" cellPadding=15>
<TBODY>
<TR>
<TD bgColor=#eeeeff>
<P><IMG style="WIDTH: 187px; HEIGHT: 258px" height=401 hspace=1 src="http://img1.qq.com/news/20060303/3304763.jpg" width=187 align=left hight="60"><STRONG><FONT color=#ffffff size=5>“紫光閣”——心與心的交流！</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 這個文章版式的特點是：文字在圖片的右邊，且可以圍繞圖片繼續(xù)寫下去。很方便，很實用。</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 而且，背景顏色會隨著文字的增加而自動擴展。</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 可以在Ｗｏｒｄ模式和代碼模式下編寫。</FONT></STRONG></P></TD></TR></TBODY></TABLE>
6、圖片在文字之上
<TABLE style="WIDTH: 500px" cellPadding=15>
<TBODY>
<TR>
<TD bgColor=#eeeeff>
<P align=center><IMG style="WIDTH: 187px; HEIGHT: 258px" height=401 hspace=1 src="http://img1.qq.com/news/20060303/3304763.jpg" width=187 align=top hight="60"></P>
<P><STRONG><FONT color=#ffffff size=5> 這個文章版式的特點是：文字在圖片的下方，而且圖片后面也是背景，與文章合為一體。很方便，很實用。</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 而且，背景顏色會隨著文字的增加而自動擴展。</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 可以在Ｗｏｒｄ模式和代碼模式下編寫。</FONT></STRONG></P></TD></TR></TBODY></TABLE>
7、文章只有背景顏色
<TABLE style="WIDTH: 500px" cellPadding=15>
<TBODY>
<TR>
<TD bgColor=#eeeeff>
<P><STRONG><FONT color=#ffffff size=5>“紫光閣”——心與心的交流！</FONT></STRONG></P>
<P><STRONG><FONT color=#ffffff size=5> 這種版式的特點是：整個版面都充滿背景色，而不是單純的只有文字具有背景色。并且，背景色會隨著文字的增加而自動擴展。</FONT></STRONG></P></TD></TR></TBODY></TABLE>
