Skip to content

在 HTML 中,表格用于组织和显示数据。使用 <table> 标签可以创建表格,并使用 <tr><th><td> 等标签来定义表格的行和单元格。以下是关于 HTML 表格的详细说明和示例:

基本表格结构

html
<table>
    <tr>
        <th>列标题1</th>
        <th>列标题2</th>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
    <tr>
        <td>单元格3</td>
        <td>单元格4</td>
    </tr>
</table>
  • <table>: 定义表格。
  • <tr>: 定义表格行。
  • <th>: 定义表格头部单元格,通常用来表示列标题。
  • <td>: 定义表格数据单元格。

表格边框

使用 CSS 可以添加边框来美化表格:

html
<style>
    table, th, td {
        border: 1px solid black;
        border-collapse: collapse;
    }
    th, td {
        padding: 10px;
        text-align: left;
    }
</style>

<table>
    <tr>
        <th>列标题1</th>
        <th>列标题2</th>
    </tr>
    <tr>
        <td>单元格1</td>
        <td>单元格2</td>
    </tr>
    <tr>
        <td>单元格3</td>
        <td>单元格4</td