html表格标题标签是什么-LMLPHP

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

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

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

<caption>标签定义及用法

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

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

<caption>标签语法格式

<caption>表格标题</caption>
登录后复制

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

实例

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>document</title>
  </head>
  <body bgcolor="burlywood">
    <table border="1" width="300px">
      <caption>
        学生平均成绩表
      </caption>
      <tr>
        <th>姓名</th>
        <th>平均分</th>
      </tr>
      <tr>
        <td>学生1</td>
        <td>90</td>
      </tr>
      <tr>
        <td>学生2</td>
        <td>80.5</td>
      </tr>
      <tr>
        <td>学生3</td>
        <td>88</td>
      </tr>
    </table>
  </body>
</html>
登录后复制

运行结果:

html表格标题标签是什么-LMLPHP

推荐学习:html视频教程

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

08-26 02:39