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

寒心热血的博客

忍一时风平浪静,退一步海阔天空.*************

 
 
 

日志

 
 
关于我

女人善变的脸,男人善变的是心,在爱的世界里没有谁对不起谁,只有谁不懂得珍惜谁,绑不住我的心就不要说我花心,叶子的离开是因为风的追求,还是树的不挽留,我永远都是你的插曲,但是我会用我仅有的双手为你弹出最动人的旋律,一个人不孤独,想一个人才孤独!

网易考拉推荐

. 起步学代码(3)  

2008-07-19 10:30:44|  分类: 博客代码 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |


 


起步学代码(3)转载来源:网络

(供初学HTML代码的朋友参考)



文字显示位置的控制

文字显示位置分别为:

水平方向(align),垂直方向(valign)
水平方向即左中右:
left(左对齐)
middle(居中)
RIGHT(右对齐)

垂直方向即靠顶和靠底.

top(靠顶)、bottom(靠底)等。







水平方向即左中右的代码:

<p align=left><font style=font:15pt face=黑体 color=fff000>向左对齐</font></P>

<p align=CENTER><font style=font:15pt face=黑体 color=fff000>表示居中</font></P>

<p align=RIGHT><font style=font:15pt face=黑体 color=fff000>向右对齐</font></P>


显示效果如下:





向左对齐

表示居中

向右对齐






实例:


送给妹妹

祝你生日快乐!






姐姐
20060228


实例代码:


<CENTER>
<TABLE width=480 height=350 bordercolor=olive background=http://img573.photo.163.com/liyc580/54850131/1805629636.jpg border=18>
<TBODY>
<TR>
<td align=center valign=top><br>
<FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>
<p align=left>送给春兰妹妹</P><br>
<p align=CENTER>祝你生日快乐!</P><br><br><br><br>
<p align=RIGHT>大姐冬梅<br>20060228</P>
</B> </FONT>
</TD></TR></TOBDY></TBODY></TABLE></CENTER>





垂直方向valign)靠顶的代码:

<TD align=LEFT valign=top>居左靠顶</TD>
<TD align=center valign=top>居中靠顶</TD>
<TDalign=RIGHT valign=top>居右靠顶</TD>



垂直方向valign)靠底的代码:

<TD align=LEFT valign=bottom>居左靠底</TD>
<TD align=center valign=bottom>居中靠底</TD>
<TD align=RIGHT valign=bottom>居右靠底</TD>



   文字输出位置垂直方向的代码是设置在单元格里(TD),方便易用。但我只能在一个单元格中设一组代码。实例如下:

居左靠顶的代码

align=LEFT valign=top



代码:

<CENTER>
<TABLE width=480 height=350 bordercolor=olive background=http://img573.photo.163.com/liyc580/54850131/1805629636.jpg border=18>
<TBODY>
<TR>
<TD align=LEFT valign=top><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>
居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT>
</TD></TR></TOBDY></TBODY></TABLE></CENTER>
<BR><BR>



文字输出位置垂直方向的实例二:

居右靠底的代码

align=RIGHT valign=bottom



居右靠底的代码:

<BR>
<CENTER>
<TABLE width=480 height=350 bordercolor=olive background=http://img573.photo.163.com/liyc580/54850131/1805629636.jpg border=18>
<TBODY>
<TR>
<TD align=LEFT valign=top><FONT style="FONT-SIZE: 25pt" face=华文行楷 color=#fff000><B>
居左靠顶的代码<BR><h3>align=LEFT valign=top</h3></B> </FONT>
</TD></TR></TOBDY></TBODY></TABLE></CENTER>
<BR><BR>








文字(或图片)放置的地位,
还可以用空格(&nbsp;)和空行(BR)调整;
用代码编辑绝对位置挂贴(外部定位)等办法。


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

历史上的今天

评论

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

页脚

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