HTML 表格与列表

表格与列表的标签

1. <table> 标签

• 定义：表格的容器元素。

• 属性：
• border：设置表格边框的宽度。
• cellspacing：设置单元格之间的间距。
• cellpadding：设置单元格内容与边框之间的距离。
• width：设置表格的宽度。

例子代码：

2. <caption> 标签

• 定义：为表格添加标题。

• 属性：无特殊属性。

例子代码：

3. <thead> 标签

• 定义：定义表格的头部，通常包含表头行。

• 属性：无特殊属性。

例子代码：

4. <tbody> 标签

• 定义：定义表格的主体部分，包含主要的数据行。

• 属性：无特殊属性。

例子代码：

5. <tfoot> 标签

• 定义：定义表格的底部，如脚注信息。

• 属性：无特殊属性。

例子代码：

6. <tr> 标签

• 定义：定义表格中的一行。

• 属性：无特殊属性。

例子代码：

7. <th> 标签

• 定义：定义表头单元格。

• 属性：
• colspan：指定单元格应跨越的列数。
• 提示：就是列的合并单元格
• rowspan：指定单元格应跨越的行数。
• 提示：就是行的合并单元格

例子代码：

8. <td> 标签

• 定义：定义普通的单元格。

• 属性：
• colspan：指定单元格应跨越的列数。
• 提示：就是列的合并单元格
• rowspan：指定单元格应跨越的行数。
• 提示：就是行的合并单元格

例子代码：

总结

1. <table> 标签

• 定义：表格的容器元素。

• 关键属性：
• border：设置表格边框的宽度。
• cellspacing：设置单元格之间的间距。
• cellpadding：设置单元格内容与边框之间的距离。
• width：设置表格的宽度。

2. <caption> 标签

• 定义：为表格添加标题。

3. <thead> 标签

• 定义：定义表格的头部，通常包含表头行。

4. <tbody> 标签

• 定义：定义表格的主体部分，包含主要的数据行。

5. <tfoot> 标签

• 定义：定义表格的底部，如脚注信息。

6. <tr> 标签

• 定义：定义表格中的一行。

7. <th> 标签

• 定义：定义表头单元格。

• 关键属性：
• colspan：指定单元格应跨越的列数。
• 提示：就是列的合并单元格
• rowspan：指定单元格应跨越的行数。
• 提示：就是行的合并单元格

8. <td> 标签

• 定义：定义普通的单元格。

• 关键属性：
• colspan：指定单元格应跨越的列数。
• 提示：就是列的合并单元格
• rowspan：指定单元格应跨越的行数。
• 提示：就是行的合并单元格

综合示例

关键点回顾

• <table>：设置表格的基本属性，如边框、间距、内边距和宽度。

• <caption>：为表格添加描述性标题。

• <thead>：定义表头行。

• <tbody>：定义表格的主要数据行。

• <tfoot>：定义表格底部的信息，如总计。

• <tr>：定义表格的一行。

• <th> 和 <td>：定义表头单元格和普通单元格，并使用colspan和rowspan来合并单元格。