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 样式代码,为th
,td
单元格添加粗细为一个像素的黑色边框。
表格摘要:
<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、thead
、tfoot
以及 tbody
元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。