srcmini本文概述
HTML <caption>标记用于添加HTML表的标题或标题。它应在<table>元素内部以及<table>开始标记之后使用。一个表只能包含一个<caption>元素。
句法
<caption>Table title...</caption>以下是有关<caption>标记的一些规范
| Display | Inline |
| 开始日期/结束日期 | 开始标签和结束标签 |
| Usage | textual |
例子1
<!DOCTYPE html>
<html>
<head>
<title>Caption Tag</title>
<style>
table, td, th {
border: 3px solid gray;
border-collapse: collapse;}
</style>
</head>
<body>
<h2>Example of Caption tag</h2>
<table width="800">
<caption>Employee Details</caption>
<thead>
<tr>
<th>Sr. No.</th>
<th>Name</th>
<th>Email</th>
</tr>
</thead>
<tbody>
<tr>
<td>1.</td>
<td>Ankit Pandey</td>
<td>ankit2@gmail.com</td>
</tr>
<tr>
<td>2.</td>
<td>Ashvini Kumar</td>
<td>ashvini@gmail.com</td>
</tr>
<tr>
<td>3.</td>
<td>Swati Sharma</td>
<td>swati8@gmail.com</td>
</tr>
</tbody>
</table>
</body>
</html>立即测试
输出：
属性
特定于标签的属性
| 属性 | 值 | 描述 |
|---|---|---|
| align | 顶部底部左右 | 它将标题相对于表格对齐 |
全局属性
<caption>标记支持全局属性
事件属性
<caption>标记支持事件属性。
支持的浏览器
| Element | Chrome | IE | Firefox | Opera | Safari |
| <caption> | Yes | Yes | Yes | Yes | Yes |
评论前必须登录！
注册