当前位置: 首页 > 图文教程 > 专题中心 > HTML网页制作表格相关技巧汇总 > HTML教程:表格相关标记的应用 > HTML表格标记教程(17):表格标题垂直对齐属性VALIGN

HTML教程:表格相关标记的应用
HTML表格标记教程(13):内部边框样式属性RULES
HTML教程:html水平线段<HR />
HTML表格标记教程(14):表格的表头
HTML表格标记教程(15):表格的标题
HTML表格标记教程(16):标题水平对齐属性ALIGN
HTML表格标记教程(17):表格标题垂直对齐属性VALIGN
HTML表格标记教程(18):表格的表头<TH>
HTML表格标记教程(19):行标记<TR>属性
HTML表格标记教程(20):行的背景色属性BGCOLOR
HTML表格标记教程(21):行的边框色属性BORDERCOLOR
HTML表格标记教程(22):行的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(23):行的暗边框色属性BORDERCOLORDARK
HTML表格标记教程(24):行的水平对齐属性ALIGN
HTML表格标记教程(25):行的垂直对齐属性VALIGN
HTML表格标记教程(26):单元格标记<TD>属性
XHTML教程:针对初学者的XHTML基础
HTML表格标记教程(27):单元格的背景图像属性BACKGROUND
HTML表格标记教程(28):单元格的边框色属性BORDERCOLOR
HTML表格标记教程(29):单元格的亮边框色属性BORDERCOLORLIGHT
HTML表格标记教程(30):单元格的暗边框色属性BORDERCOLORDARK

HTML教程:表格相关标记的应用 中的 HTML表格标记教程(17):表格标题垂直对齐属性VALIGN


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-28   浏览: 36 ::
收藏到网摘: n/a

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

基本语法

     <Caption VALIGN="top">…</Caption>

     <Caption VALIGN="bottom“> …</Caption>

语法解释

TOP为居上,BOTTOM为居底。

文件范例:10-16.htm

通过<CAPTION>标记的VALIGN属性设定表格标题的垂直对齐。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-16.htm -->
03  <!--文件说明:设定表格标题的垂直对齐-->
04  <!-- ------------------------------ -->
05  <HTML>
06  <HEAD>
07  <TITLE>设定表格标题的垂直对齐</TITLE>
08  </HEAD>
09  <BODY>
10  <TABLE BORDER=3 WIDTH=400 HEIGHT=100 Bordercolor=#336699 ALIGN="CENTER">
11  <CAPTION VALIGN="BOTTOM" ALIGN="RIGHT">主流的网页设计软件</CAPTION>
12  <TR>
13  <TD>网页图像软件</TD><TD>Fireworks</TD>
14  </TR>
15  <TR>
16  <TD>网页制作软件</TD><TD>Dreamweaver</TD>
17  </TR>
18  <TR>
19  <TD>网页动画软件</TD><TD>Flash</TD>
20  </TR>
21  </TABLE>
22  </BODY>
23  </HTML>

文件说明

第11行定义了表格标题文字居底部右对齐。