HTML5——表格

1、<table></table>表格
2、<tr></tr>表格的一行
3、<td></td>表格的一个单元格,表格中一行有几个单元格,表格就有几列
4、<th></th>表头,表格头部的一个单元格
5、表格中列的个数,取决于一行中数据单元格的个数。
6、border属性可以为表格添加边框,属性值为数字。

<style type="text/css">
table tr td,th{border:1px solid #000;}
</style>

上述代码是用 css 样式代码,为thtd单元格添加粗细为一个像素的黑色边框。

表格摘要:

<table summary="表格简介文本">  

表格标题:

<table>
    <caption>标题文本</caption>  
    <tr>
        <td>…</td>
        <td>…</td>
        …
    </tr>
…
</table>

注意:

1、table标签用来定义整个表格,为双标签,必须有结束标签。

2、table标签里面可以放caption标签和tr标签。

3、caption标签用来定义表格的标题。

4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。

5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

6、td同来设置表格的列,一组td标签代表一列。

7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

使用thead、tbody、tfoot定义表格

1、<thead>标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

2、<tbody>…</tbody>:如果不加<thead><tbody><tfooter>, table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table`可以按结构一块块的显示,不再等整个表格加载完后显示。)

3、<tfoot>元素用于对 HTML 表格中的表注(页脚)内容进行分组。

4、theadtfoot 以及 tbody元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容