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

启野的博客

淡淡的雾,淡淡的雨,淡淡的云彩悠悠的游。

 
 
 

日志

 
 

HTML表格标记详解6:CAPTION标题参数设定  

2010-02-21 05:27:15|  分类: HTML专区 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 
 

 

 

             表格标记详解6

 
Caption表格的标题

       

        通过这个标记可以直接添加表格的标题,而且可以控制标题文字的排列属性。

基本语法
<Caption>文本编辑标题</Caption>

语法解释
        <Caption>标记之间的就是标题的内容,这个标记使用在<table>标记中. 

 

<TABLE borderColor=#003333 height=200 width=100 border=2>
<TBODY><CAPTION>文本编辑标题</CAPTION>
<TR>
<TH>文本编辑</TH>
<TH>文本编辑</TH>
<TH>文本编辑</TH></TR>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR></TBODY></TABLE>

文本编辑标题
文本编辑 文本编辑 文本编辑
文本编辑 文本编辑 文本编辑
文本编辑 文本编辑 文本编辑
HTML表格标签<Caption>表格的标题的参数设定:

 

 

ALIGN      标题水平对齐属性
VALIGN    表格标题垂直对齐属性

1、ALIGN      标题水平对齐属性

 

        默认情况下,表格的标题水平居中,我们可以通过ALIGN属性设定标题文字的水平对齐方式。

基本语法

     <Caption ALIGN="LEFT">文本编辑标题</Caption>

     <Caption ALIGN="CENTER">文本编辑标题</Caption>

     <Caption ALIGN="RIGHT">文本编辑标题</Caption>

语法解释

        LEFT为居左,CENTER为居中,RIGHT为居右。

 

      如:通过<CAPTION>标记的ALIGN属性设定表格标题文字居右对齐
<TABLE border=1 align=CENTER>
<CAPTION ALIGN=RIGHT>文本编辑标题</CAPTION>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR></TABLE>

文本编辑标题
文本编辑 文本编辑
文本编辑 文本编辑
文本编辑 文本编辑
2、VALIGN    表格标题垂直对齐属性

       

        表格的标题可以放在表格的上方或者下方,这可以通过属性进行调整。默认的表格标题放在表格上方。

基本语法
<Caption VALIGN="top">文本编辑标题</Caption>
<Caption VALIGN="bottom“>文本编辑标题</Caption>

语法解释
        TOP为居上,BOTTOM为居底。

 

        如:通过<CAPTION>标记的VALIGN、ALIGN属性设定表格标题文字居底部右对齐
<TABLE border=1 align=CENTER>
<CAPTION VALIGN=BOTTOM ALIGN=RIGHT>文本编辑标题</CAPTION>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR>
<TR>
<TD>文本编辑</TD>
<TD>文本编辑</TD></TR></TABLE>

文本编辑标题
文本编辑 文本编辑
文本编辑 文本编辑
文本编辑 文本编辑
HTML表格制作相关文章链接:

点击相关文章链接查看:

欢迎光临启野博客!
  评论这张
 
阅读(1473)| 评论(0)
推荐 转载

历史上的今天

评论

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

页脚

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