HTML caption标记

本文概述

属性
支持的浏览器

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>

立即测试

输出：