写博,有时需要文字和图片的搭配来增强艺术性和多样性,形成自己的特色。这里介绍用代码编辑图文混排的方法。
方法/步骤
1、左文右图。代码:<p><IMGsrc="图片地址"align=right>输入文字处</p>效果见图。
2、右文左图。代码:<p><IMGsrc="图片地址"align=left>输入文字处</p>效果见图。
3、文字右半包围。代码:</FONT></FONT></P><pstyle="TEXT-INDENT:2em"><fontsize="3"> <fontcolor="文字颜色">文字前段<IMG"style="FLOAT:left"src="图片地址"border=0>文字后段</font></font></p>效果见图。
4、文字左半包围。代码:</FONT></FONT></P><pstyle="TEXT-INDENT:2em"><fontsize="3"> <fontcolor="文字颜色">文字前段<IMG"style="FLOAT:right"src="图片地址"border=0>文字后段</font></font></p>效果见图。
5、中间文字两边图片。代码:<DIValign=ce艘绒庳焰nter><TABLEcellSpacing=吭稿荔徊1cellPadding=0rules=nowidth=600><TBODY><TR><TD><IMGsrc="图片地址"></TD><TD>文字</TD><TD><IMGsrc="图片地址"></TD></TR></TBODY></TABLE></DIV>效果见图。
6、文字环绕图片。代码:<DIValign=cent娣定撰钠er><TABLEcellS禊诬娱飑pacing=1cellPadding=0rules=nowidth=600><TBODY><TRalign=left><TDcolSpan=3>图上边文字</TD></TR><TRalign=middle><TD>图左文字</TD><TD><IMGheight=200src="图片地址"width=200></TD><TD>图右文字</TD></TR><TRalign=left><TDcolSpan=3>图下文字</TD></TR></TBODY></TABLE></DIV>效果见图。