分享

表格标记详解★CAPTION标题参数设定

 吉祥如意988 2014-10-08

表格标记详解★CAPTION标题参数设定 

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>

文本编辑标题
文本编辑 文本编辑 文本编辑
文本编辑 文本编辑 文本编辑
文本编辑 文本编辑 文本编辑
表格标签<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>

文本编辑标题
文本编辑 文本编辑
文本编辑 文本编辑
文本编辑 文本编辑

  

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多