加入收藏 | 设为首页 | 会员中心 | 我要投稿 银川站长网 (https://www.0951zz.com/)- 云通信、基础存储、云上网络、机器学习、视觉智能!
当前位置: 首页 > 综合聚焦 > 编程要点 > 语言 > 正文

HTML设定表格标题垂直对齐的语法及代码是哪些

发布时间:2023-07-07 11:20:06 所属栏目:语言 来源:
导读:在这篇文章中我们来了解一下“HTML设定表格标题垂直对齐的语法及代码是什么”,一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需要

在这篇文章中我们来了解一下“HTML设定表格标题垂直对齐的语法及代码是什么”,一些朋友可能会遇到这方面的问题,对此在下文小编向大家来讲解,内容详细,易于理解,希望大家阅读完这篇能有收获哦,有需要的朋友就往下看吧!

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

基本语法

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

(编辑:银川站长网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!