注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

涓涓流水博客

快乐不能靠外来的物质和虚荣,而要靠自己内心的高尚和正直。

 
 
 

日志

 
 
关于我

开朗,就是说话不懂拐弯, 聪明,不过只是在学习上, 努力,不巧命运遇上文革, 想通,因为时间已经不多。

网易考拉推荐

制作图文混排的代码  

2009-05-05 11:00:50|  分类: 博客制作 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

我转抄的图文混排代码 ,望对你有帮助!

分类:博客素材

字号: 大  中 

一、右图左文效果

右图左文代码:

<p><IMG src="图片地址" align=right>输入文字处</p>

二、左图右文效果:

左图右文代码:

<p><IMG src="图片地址" align=left>输入文字处</p>

三、左图右文+下文效果:

<P> <IMG src="图片地址" align=left><br>文字输入处<br clear=all>文字输入处</P>

四、文字环绕图片排版的效果:

文字环绕图片排版的代码:

<DIV align=center>

<TABLE cellSpacing=1 cellPadding=0 rules=no width=640>

<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>

五、文字右半包围排版效果:

文字右半包围排版代码:

 <p>文字<img style="FLOAT: left" alt="floating" src="图片地址" align="top" /> 文字</p>

六、文字左半包围排版效果:

文字左半包围排版代码:

<p>文字<img style="FLOAT: right" alt="floating" src="图片地址" align="top" /> 文字</p>

  评论这张
 
阅读(102)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017