当前位置:Gxlcms > 前端框架 > html表格标题标签是什么

html表格标题标签是什么

时间:2021-07-01 10:21:17 帮助过:463人阅读

在html中,表格标题标签是caption,语法“<caption>表格标题</caption>”。caption标签用于定义表格标题,必须紧跟在开始表格标签“<table>”的后边,并且每个表格只能有一个caption标签。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

html中,表格使用的也是挺多的,今天介绍的这个标签就和表格有关系,它是表格中的一个标签,即<caption>标签。

“caption”作为英文单词有“标题”的意思,那我们一起来看看它在html中作为标签又是充当的是什么角色。

<caption>标签定义及用法

在html中,<caption>标签是使用来定义表格的标题的,必须紧跟在开始表格标签(<table>)的后边,而其只能跟一个(表格只能定义一个标题)。

<caption>标签定义的表格标题默认会居中在表格之上,可以使用align属性来更改它的对齐方式,但是不建议使用,而其html5已经不支持该属性。如果要改变样式,可以使用css来改变。

<caption>标签语法格式

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

说明:<caption>标签是成对存在,以<caption>开头,以</caption>结尾。

实例

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8" />
  5. <title>document</title>
  6. </head>
  7. <body bgcolor="burlywood">
  8. <table border="1" width="300px">
  9. <caption>
  10. 学生平均成绩表
  11. </caption>
  12. <tr>
  13. <th>姓名</th>
  14. <th>平均分</th>
  15. </tr>
  16. <tr>
  17. <td>学生1</td>
  18. <td>90</td>
  19. </tr>
  20. <tr>
  21. <td>学生2</td>
  22. <td>80.5</td>
  23. </tr>
  24. <tr>
  25. <td>学生3</td>
  26. <td>88</td>
  27. </tr>
  28. </table>
  29. </body>
  30. </html>

运行结果:

7K)`QM)9Z8[9OUX9NSR}029.png

推荐学习:html视频教程

以上就是html表格标题标签是什么的详细内容,更多请关注gxlcms其它相关文章!

人气教程排行