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

547217255的博客

 
 
 

日志

 
 

文字以及表格左右排列的代码  

2016-06-14 14:53:17|  分类: 学习园地 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
1:左右表格的代码

输入你的文字


语法复制区


    
a:图片右侧加文字


【转载】网易博客代码(四十一)(日志摘要的图片右侧加文字) - 547217255 - 547217255的博客 你要输入的文字

复制语法区

<P><IMG height=高 hspace=30 src="图片连接地址" width=宽 align=left border=0><FONT face=Arial>你要输入的文字</FONT></P>

 说明: 1.height=是图片高度,width=是图片宽度,hspace=是与文字之间的距离,可以自己调整数值.hspace=水平间距;设置图像水平间距; 2.将以上代码复制进你的日志摘要里即可。 

第二种:


【转载】网易博客代码(四十一)(日志摘要的图片右侧加文字) - 547217255 - 547217255的博客


在这里加入你想要写的文字,想写多少都可以啊,不过要注意排版哦
......
 

 

复制语法区

<TABLE style="BORDER-COLLAPSE: collapse" cellSpacing=0 cellPadding=0 width=410 border=0>
<TBODY>
<TR>
<TD width=197><IMG height=150 src="图片地址" 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>

说明:

1.height=是图片高度,width=是图片宽度
2.<br>是换行。<FONT size=2>代表字体的大小,数字越大,字也越大。<FONT color=#808080>代表字体颜色。&nbsp;代表空格。
3.表格的高度和宽度要设置合适,这在右边写文字时排版很重要
4.将以上代码复制进日志摘要即可


2:图片左右边写字 等各种代码

在图片左右边写字  

在图片左右边写字 - 风轻云淡 - 风轻云淡

代码如下:

<P><FONT size=5><IMG height=图片高度 hspace=20 src="图片地址" width=图片宽度 align=left vspace=1 border=1><FONT color=#ff9933>你的文字</P>

说明:

height=是图片高度  width=是图片宽度  hspace=20文字与图片的水平距离,可以调整数值。 vspace=1 文字与图片的垂直距离,可以调整数值。border=1 边框的宽度

src="图片连接地址" align=left (right图片在右边)


 

 

 

 

 

 

 

 

  3:表格左文字右的代码

一、表格中单元格之间分隔线的隐藏方法
这个表格去掉了单元格之间的横向分隔线


这个表格去掉了单元格之间的纵向分隔线
  线
  线
这个表格去掉了单元格之间的纵向分隔线和横向分隔线

  其实上面的三个表格都有三行三列,隐藏分隔线的诀窍在于rules,察看这三个表格的源代码,我们可以看到<TABLE>标签中都有rules。 它有三个参数(cols,rows,none),当rules=cols时,表格会隐藏纵向的分隔线,这样我们就只能看到表格的行;当rules=rows时,则 隐藏了横向的分隔线,这样我们只能看到表格的列;而当rules=none时,纵向分隔线和横向分隔线将全部隐藏。

4:将图片放在文字左边 右边 中间的代码 
 1、图片在文字左边的代码:

文字以及表格左右排列的代码 - 547217255 - 547217255的博客你要输入的文字

<P><IMG height=201  hspace=30  src="图片.jpg" width=154 align=left border=0><FONT face=Arial> 文字<BR>&nbsp;</FONT><BR clear=left></P>

 

2:图片在文字右边的代码:

文字以及表格左右排列的代码 - 547217255 - 547217255的博客你要输入的文字

<P><IMG height=201 hspace=30 src="图片连接地址" width=154 align=right border=0><FONT face=Arial>你要输入的文字</FONT></P>










3:图片在文字中间的代码:

左边文字 

文字以及表格左右排列的代码 - 547217255 - 547217255的博客

右边文字

<TABLE cellSpacing=1 cellPadding=0 rules=no width="95%">
<TBODY>
<TR align=left>
<TD colSpan=3><FONT color=#000000 size=2></FONT></TD></TR>
<TR align=middle>
<TD>
<P align=left><FONT color=#000000 size=2>左边文字 </FONT></P></TD>
<TD><FONT color=#000000><IMG src="图片网址" border=0></FONT></TD>
<TD>
<P align=left><FONT color=#000000 size=2>右边文字</FONT></P></TD></TR>
<TR align=left>
<TD colSpan=3><FONT color=#000000 size=2></FONT></TD></TR></TBODY></TABLE>
4


 






文字以及表格左右排列的代码 - 547217255 - 547217255的博客







代码如下:

<DIV align=center>
<TABLE border=1 cellSpacing=15 borderColor=#dc143c cellPadding=1 width=650 bgColor=#261a1e align=center height=300>
<TBODY>
<TR align=middle>
<TD width=120>
<TABLE border=1 cellSpacing=1 borderColor=#dc143c cellPadding=6 width=120 background=http://img2.ph.126.net/TuQJLzPYYqZsNRmEiyG66A==/3280590853662829868.jpg bgColor=#99ffcc align=center height=300>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD>
<TD>
<TABLE border=2 cellSpacing=1 borderColor=#dc143c cellPadding=0 width=340 bgColor=#99ffcc align=center height=300>
<TBODY>
<TR>
<TD>
<MARQUEE height=300 behavior=alternate width=340 scrollAmount=1 scrollDelay=30 BORDER="0" TURESPEED="true"><IMG border=0 src="http://img0.ph.126.net/n2XeKcilS-4TeF6ib1f6Vg==/673006669332384738.jpg" width=337 height=298></MARQUEE></TD></TR></TBODY></TABLE></TD>
<TD width=120>
<TABLE border=1 cellSpacing=1 borderColor=#dc143c cellPadding=6 width=120 background=http://img2.ph.126.net/TuQJLzPYYqZsNRmEiyG66A==/3280590853662829868.jpg bgColor=#99ffcc align=center height=300>
<TBODY>
<TR>
<TD><BR><BR><BR><BR><BR><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></DIV>
5


寒情博客欢迎您

http://8-com.blog.163.com


代码如下:

 <center>  <table id="table1" height="100%" cellspacing="15" bordercolordark="#ddffcc" width="100%" bgcolor="#9acd32" bordercolorlight="#ddffcc" border="1">  <tbody> 
 <tr>
 <td style="BORDER-RIGHT: #ddffcc 3px dashed; BORDER-TOP: #ddffcc 3px dashed; BORDER-LEFT: #ddffcc 3px dashed; BORDER-BOTTOM: #ddffcc 3px dashed;" width="120" background="http://hzy.52hzy.com/pass/UploadFile/201022480293769.gif"></td> 
<td>  <table id="table3" style="BORDER-RIGHT: #ffccff 3px dashed; BORDER-TOP: #ffccff 3px dashed; BORDER-LEFT: #ffccff 3px dashed; BORDER-BOTTOM: #ffccff 3px dashed;" height="100%" cellspacing="0" bordercolordark="#ffccff" width="600" bgcolor="#ddffcc" bordercolorlight="#ffccff" border="0">  <tbody> 
 <tr>
<td height="450">  <table style="FILTER: Alpha(opacity=250,finishOpacity=5,style=2); WIDTH: 600px; HEIGHT: 450px; moz-opacity: 2;" height="450" width="600" background="http://hzy.52hzy.com/pass/UploadFile/201022480581017.jpg">  <tbody> 
 <tr> 
 <td><embed height="450" allownetworking="internal" allowscriptaccess="never" width="600" quality="high" invokeurls="false" src="http://www.hsq80.com/tml/80/1.swf" type="application/x-shockwave-flash" wmode="transparent"></td></tr></tbody></table></td></tr>

  <tr>  <td height="100">  <p style="TEXT-INDENT: 2em;"></p>  <p><strong><font color="#ff0000" size="4"><a target="_blank" href="http://8-com.blog.163.com/">寒情博客欢迎您</a></font></strong></p>  <p><a target="_blank" href="http://8-com.blog.163.com/">http://8-com.blog.163.com</a></p></td></tr></tbody></table></td>  <td width="120" background="http://hzy.52hzy.com/pass/UploadFile/201022480293769.gif"></td></tr></tbody></table></center>
@@

 

          

图片点击可在新窗口打开查看



香水有毒

演唱胡杨林
制作/心灵之约

我曾经爱过这样一个男人
他说我是世上最美的女人
我为他保留着那一份天真
关上爱别人的门
也是这个被我深爱的男人
把我变成世上最笨的女人
他说的每句话我都会当真
他说最爱我的唇

我的要求并不高
待我像从前一样好
可是有一天你说了同样的话
把别人拥入怀抱

你身上有她的香水味
是我鼻子犯的罪
不该嗅到她的美
檫掉一切陪你睡
你身上有她的香水味
是你赐给的自卑
你要的爱太完美
我永远都学不会
----


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

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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