HTML 表格基础教程

HTML 表格是网页设计中常用的元素，用于展示数据。本教程将带你了解如何创建基本的 HTML 表格。

创建表格

要创建一个基本的 HTML 表格，你需要使用 <table> 标签。以下是一个简单的例子：

<table>
  <tr>
    <th>标题 1</th>
    <th>标题 2</th>
  </tr>
  <tr>
    <td>数据 1</td>
    <td>数据 2</td>
  </tr>
</table>

在上面的代码中，<table> 标签定义了一个表格，<tr> 标签定义了一行，<th> 标签定义了表头，而 <td> 标签定义了单元格。

表格样式

你可以使用 CSS 来美化表格。以下是一个简单的 CSS 样式示例：

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  border: 1px solid black;
  padding: 8px;
  text-align: left;
}

th {
  background-color: #f2f2f2;
}

通过将这个 CSS 样式添加到你的 HTML 文件中，你的表格将具有更美观的外观。

表格扩展阅读

想要了解更多关于 HTML 表格的知识？请阅读我们的 HTML 表格高级教程。

HTML 表格示例