养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

图文混排的制作方法

时间:2024-10-21 06:23:59

写博,有时需要文字和图片的搭配来增强艺术性和多样性,形成自己的特色。这里介绍用代码编辑图文混排的方法。

方法/步骤

1、左文右图。代码:<p><IMGsrc="图片地址"align=right>输入文字处</p>效果见图。

图文混排的制作方法

2、右文左图。代码:<p><IMGsrc="图片地址"align=left>输入文字处</p>效果见图。

图文混排的制作方法

3、文字右半包围。代码:</FONT></FONT></P><pstyle="TEXT-INDENT:2em"><fontsize="3">&nbsp;<fontcolor="文字颜色">文字前段<IMG"style="FLOAT:left"src="图片地址"border=0>文字后段</font></font></p>效果见图。

图文混排的制作方法

4、文字左半包围。代码:</FONT></FONT></P><pstyle="TEXT-INDENT:2em"><fontsize="3">&nbsp;<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>效果见图。

图文混排的制作方法

© 一点知识