图文混排的制作方法

 时间:2024-10-21 03:53:56

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

方法/步骤

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>效果见图。

图文混排的制作方法

WORD怎么选取全文 文档怎么实现图文混排 Word中如何设置字符边框 如何新建含有图片和标题的幻灯片
热门搜索
少女杀手阿墨 牙虫图片 oppo手机图片 金榜题名图片 小漫画