文字与图片的几种排版用法

文字与图片的几种排版用法

博客实用代码   2007-10-22 16:44   阅读204   评论3  

字号： 大大  中中  小小

　　　　　　　　　　　文字与图片的几种排版用法

　　　　　　　　　　　　　　　　引自《玫瑰夫人》

 常常有朋友问我怎么在图片左边和右边插入文字和在图片加上文字，现在简单的跟大家说一下： 1 把图片放在文字的左边，代码效果如下：

 

 <P><IMG height=201 src="图片连接地址" width=154 align=left border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>

 

 

如果你觉得文字与图片太接近了.可加入[vspace=0 hspace=30]. 加入后的代码：<img border="0" src="图片地址" align=left vspace=0 hspace=30 width="154" height="201"> 你可以调整这两个值,通过试验看一看会有什么样的变化...

改后的代码是：

<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=left border=0><FONT face=Arial>日志文字</FONT></P>

 

 

3 图片在文字右边：

要想把图片放在右侧,可把[align=left ]改成[align=right ]改后的代码如下：

<P><IMG height=201 src="图片连接地址" width=154 align=right  border=0><FONT face=Arial> 日志文字<BR> </FONT><BR clear=left></P>