html< caption>表格标题标签

原创 PHP笔记  2017-05-16 22:03  阅读 4,447 views 次

在html中,<caption>标签是用来定义表格的标题,必须放在<table>之后(<table>与<table/>之间)。每个表格只有一个标题,所以一个<table>标签后只能有一个<caption>标签。<caption>标签中的表格标题默认情况下会被居中置于表格之上,当然还可以通过标签属性或css样式表来设置标题的样式。

属性

  • align :标题的对齐方式(left、right、top、bottom),html 4.01已废弃,html5不再支持。

<caption> 标签支持html全局属性和html事件属性

格式:

<table>
<caption>表格标题</caption>
......
<table>

实例:

<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>html< caption>表格标题标签_PHP笔记</title>
</head>
<body>
<table border="1" width="300px" height="200">
<caption>学生成绩表</caption>
<tr>
<th>姓名</th>
<th>成绩</th>
</tr>
<tr>
<td>张三</td>
<td>90</td>
</tr>
<tr>
<td>李四</td>
<td>65</td>
</tr>
</table>
</body>
</html>
</html>

运行结果:

本文地址:https://www.ggbiji.com/html-caption.html
版权声明:本文为 PHP笔记 原创/整理文章,欢迎分享,转载请注明出处!

发表评论


表情