文章分类
HTML/CSS Flash教程 Fireworks教程 Dreamweave JavaScript 网站推广 网页理论 其他教程 视频教程
 产品搜索
关键字: 分类:

最新素材图库


当前位置:首页 >> 网页教程>> HTML/CSS >> HTML表格标记教程(17):表格标题垂直对齐属性VALIGN

HTML表格标记教程(17):表格标题垂直对齐属性VALIGN


作者: 佚名 来源:网络 浏览:20 日期:2008-8-27 8:57:42

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

基本语法

     <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行定义了表格标题文字居底部右对齐。


上一篇:HTML表格标记教程(16):标题水平对齐属性ALIGN 下一篇:HTML表格标记教程(18):表格的表头<TH>
【关闭窗口】 【返回顶部】返回网页教程】 【返回HTML/CSS

相关推荐文章

让css使网页图片半透明

立体视觉 让您的网页“..

让自己的网站也拥有权威..

一个简单又不简单的Cs..

不用float实现模块..

不用script仅用c..

CSS:超越网格的布局


关于本站 | 广告服务 | 联系我们 | 站点留言 | 活动支持 | 友情链接 | 投稿热线 | 网站地图
版权所有 Copyright@ 2005 设计路上 QQ技术讨论群 24980615(已满) 5204059(已满) 4337615(已满)
业务联系Email:huchuangwu@hotmail.com 粤ICP备05029101号