HTML <caption> 标签

发表于2015-05-24 21:34:26| --次阅读| 来源webkfa| 作者小五

摘要：caption 元素定义表格标题

实例

		html代码
	

运行代码

<html>

<body>

<h4>这个表格有一个标题，以及粗边框：</h4>

<table border="6">
<caption>我的标题</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>

<html>

<body>

<h4>这个表格有一个标题，以及粗边框：</h4>

<table border="6">
<caption>我的标题</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>

浏览器支持
所有浏览器都支持 <caption> 标签。

定义和用法
caption 元素定义表格标题。
caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

HTML 与 XHTML 之间的差异
在 HTML 4.01 中，caption 元素的 align 属性是不被赞成使用的。
在 XHTML 1.0 Strict DTD 中，caption 元素的 align 属性是不被支持的。

可选的属性

		代码
	

//不赞成使用。请使用样式取而代之。
//规定标题的对齐方式。
align=left|right|top|bottom

全局属性
<caption> 标签支持 HTML 中的全局属性。
事件属性
<caption> 标签支持 HTML 中的事件属性。

带有标题的表格
本例演示一个带标题(caption)的表格

		js代码
	

<html>

<body>

<h4>这个表格有一个标题，以及粗边框：</h4>

<table border="6">
<caption>我的标题</caption>
<tr>
  <td>100</td>
  <td>200</td>
  <td>300</td>
</tr>
<tr>
  <td>400</td>
  <td>500</td>
  <td>600</td>
</tr>
</table>

</body>
</html>

HTML <caption> 标签

发表于2015-05-24 21:34:26| --次阅读| 来源webkfa| 作者小五

相关文章

html标题快速浏览101

相关文章