表格标签

Posted 2021-12-18 wurengen

<table> 标签

标签定义及使用说明

• <table> 标签定义 html 表格
• 一个 HTML 表格包括 <table> 元素，一个或多个 <tr>、<th> 以及 <td> 元素。
• <tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。
• 更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。

属性：

• border     规定表格单元是否拥有边框。
• width：规定表格的宽度。
• cellpadding：定义内容和单元格的距离
• cellspacing：定义单元格之间的距离。如果指定为0，则单元格的线会合为一条、

<tr> 标签

标签定义及使用说明

• <tr> 标签定义 HTML 表格中的行。
• 一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素。

属性

• bgcolor：规定表格行的背景颜色。
• align：定义表格行的内容对齐方式。

<td> 标签

标签定义及使用说明

• <td> 标签定义 HTML 表格中的标准单元格。
• HTML 表格有两种单元格类型：表头单元格 - 包含头部信息（由 <th> 元素创建）标准单元格 - 包含数据（由 <td> 元素创建）
• <th> 元素中的文本通常呈现为粗体并且居中。
• <td> 元素中的文本通常是普通的左对齐文本。

属性：

• colspan：规定单元格可横跨的列数。
• rowspan：设置单元格可横跨的行数。

<th> 标签

标签定义及使用说明

• <th> 标签定义 HTML 表格中的表头单元格。
• HTML 表格有两种单元格类型：表头单元格 - 包含头部信息（由 <th> 元素创建）标准单元格 - 包含数据（由 <td> 元素创建）
• <th> 元素中的文本通常呈现为粗体并且居中。
• <td> 元素中的文本通常是普通的左对齐文本。

<caption> 标签

标签定义及使用说明

• <caption> 标签定义表格的标题。
• <caption> 标签必须直接放置到 <table> 标签之后。
• 您只能对每个表格定义一个标题。
• 注意：通常这个标题会被居中于表格之上。然而，CSS 属性 "text-align" 和 "caption-side" 能用来设置标题的对齐方式和显示位置

 

<thead>、<tbody> 和 <tfoot> 标签

• <thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。
• <thead>、<tbody> 和 <tfoot> 元素默认不会影响表格的布局。不过，您可以使用 CSS 来为这些元素定义样式，从而改变表格的外观。