• 技术文章 >web前端 >前端问答

    html表格标题标签是什么

    醉折花枝作酒筹醉折花枝作酒筹2021-04-23 15:50:09原创3486

    在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>标签语法格式

    <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>

    运行结果:

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

    推荐学习:html视频教程

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

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:html 标签
    上一篇:css有几种引入方式 下一篇:css如何进行单行注释
    VIP课程(WEB全栈开发)

    相关文章推荐

    • 【腾讯云】年中优惠,「专享618元」优惠券!• 教你一招纯HTML制作个人简历• html如何设置图片居中• 怎么创建html文件• html+css如何实现自定义图片上传按钮• html内容左右边距怎么设置
    1/1

    PHP中文网