HTML caption标签

返回到:HTML 元素和有效 DOCTYPES

本节课,我们学习HTML caption标签。

标签定义及使用说明

<caption> 标签定义表格的标题。

<caption> 标签必须直接放置到 <table> 标签之后。

您只能对每个表格定义一个标题。

提示:通常这个标题会被居中于表格之上。然而,CSS 属性 “text-align” 和 “caption-side” 能用来设置标题的对齐方式和显示位置。

HTML 4.01 与 HTML5之间的差异

HTML5 不支持 align 属性。

HTML 4.01 已废弃 align 属性。

属性

属性描述
alignleft
right
top
bottom
HTML5 不支持。HTML 4.01 已废弃。 定义标题的对齐方式。

全局属性

<caption> 标签支持 HTML 的全局属性

事件属性

<caption> 标签支持 HTML 的事件属性

实例

带有标题的表格:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>Web176教程(web176.com)</title> 
</head>
<body>

<table border="1">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>
    <td>February</td>
    <td>$50</td>
  </tr>
</table>

</body>
</html>

返回到:HTML 元素和有效 DOCTYPES

作者:terry,如若转载,请注明出处:https://www.web176.com/html_element/7479.html

(0)
打赏 支付宝 支付宝 微信 微信
terryterry
上一篇 2022年12月5日 上午10:55
下一篇 2022年12月5日

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注