手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

图文混排的制作方法

时间:2024-10-15 13:37:11

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

图文混排的制作方法

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

图文混排的制作方法

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

图文混排的制作方法

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

图文混排的制作方法

5、 中间文字两边图片。 代码: <DIV align=center><TABLE cellSpacing=1 cellPadding=0 rules=no width=600><TBODY><TR><TD><IMG src="图片地址"></TD><TD>文字 </TD><TD><IMG src="图片地址"></TD></TR></TBODY></TABLE></DIV> 效果见图。

图文混排的制作方法

6、 文字环绕图片。 代码: <DIV align=center><TABLE cellSpacing=1 cellPadding=0 rules=no width=600><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> 效果见图。

图文混排的制作方法
© 手抄报圈