首页 > 开发 > HTML > 正文

HTML表格标记教程(16):标题水平对齐属性ALIGN

2020-09-18 22:18:52
字体:
来源:转载
供稿:网友

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

基本语法

     <caption align="left">…</caption>

     <caption align="center">…</caption>

     <caption align="right">…</caption>

语法解释

left为居左,center为居中,right为居右。

文件范例:10-15.htm

通过<caption>标记的align属性设定表格标题的水平对齐。
01  <!-- ------------------------------ -->
02  <!-- 文件范例:10-15.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 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行定义了表格标题文字居右对齐。

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表