HTML-高级表格

最新推荐文章于 2021-09-09 08:22:06 发布

大云汉IT教育

最新推荐文章于 2021-09-09 08:22:06 发布

阅读量1k

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/dayunhanIT/article/details/90715629

版权

本文介绍了如何使用HTML的`<caption>`、`<thead>`、`<tbody>`和`<tfoot>`元素来增强表格，提供标题并结构化表格内容。这有助于屏幕阅读器用户理解表格，并便于CSS样式化和长表格的打印布局。同时，文章还提到了嵌套表格的概念。

摘要由CSDN通过智能技术生成

使用 <caption> 为表格增加一个标题
你可以为你的表格增加一个标题，通过 <caption> 元素，再把 <caption> 元素放入 <table>元素中

<!DOCTYPE html >
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
    <head>
        <title>div样式</title>
    </head>
    <body>
        <table border="1">
        <caption>大云汉科技</caption>
       <tr>
         <td>学院名称</td>
         <td>学院地址</td>
       </tr>
       <tr>
         <td>大云汉IT教育</td>
         <td>湖南省长沙市望城区雷锋大道1389号</td>
       </tr>
    </table>
    </body>
</html>

效果图:
在这里插入图片描述
标题意味着包含对于表格内容的描述，不需要让屏幕阅读设备读出很多单元格的内容，来让用户