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

.

.

 
 
 

日志

 
 
关于我

我是一名教育工作者,为人正直爽快.诚实守信,热情好客.乐于助人.真诚结交各地朋友,是我最大的心愿!

网易考拉推荐

图文混排的代码  

2010-04-05 13:33:20|  分类: 博客美化 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

图文混排的代码

一。左图右文代码:[两种方法]

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

说明:1、点击“全部功能”=》点击“<>”按钮进入代码编辑窗口后粘贴代码和图片地址;

          2、align=right 表示图片的位置,left(左边)可以改变,懂英语的就知道。

          3、如果要换行,就在换行处用“<br>”#########

一。左图右文混排的代码

图文混排的代码 - 无所谓 - .

这里写你想写的

文字

...... 

 

--------------------------------------------

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=410 border=0><TBODY><TR><TD width=197><IMG height=150 src="

httP://img.blog.163.com/photo/tETZYtogbohV1YR0Zwm93Q==/2294584010145699551.jpg>  " width=200 border=0></TD><TD vAlign=top width=200 rowSpan=3><P align=right><FONT color=#808080><BR>这里写文字<BR>好好学习博客技巧......</FONT><FONT size=2>&nbsp;</FONT></P>

<P align=left>&nbsp;</P></TD></TR></TBODY></TABLE>##############

二、右图左文代码:

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

说明:1、点击“全部功能”=》点击“<>”按钮进入代码编辑窗口后粘贴代码和图片地址;

          2、align=right 表示图片的位置,right(右边)可以改变,懂英语的就知道。

          3、如果要换行,就在换行处用“<br>” ################

三。左图右文+下文代码:

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

    说明:1、操作方法同前;

          2、<br clear=all> 这个代码所起的作用是将文字放到图像的下面;(不管图像的右边或左边还有多大的空间,文字都在图像的下面)

          3、以此类推,如果图像在右边,只需要看序号二的内容就行了。##########

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

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

           点击图片回首页

  评论这张
 
阅读(184)| 评论(4)
推荐 转载

历史上的今天

评论

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

页脚

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