例如，以下代码段展示了如何创建一个包含两行两列的简单表格：

```html

```

这将在页面上创建一个基本的表格，如下图所示：


### 添加表格样式

HTML表格元素在默认情况下并不是特别美观。因此，我们可以使用CSS样式来改变表格的外观，以便更好地展示我们的数据。

以下是一些简单的CSS样式，可以让我们的表格看起来更好看：

```css

table {

border-collapse: collapse;

width: 100%;

max-width: 800px;

margin: 0 auto;

text-align: center;

}

th, td {

padding: 10px;

border: 1px solid #ddd;

}

th {

background-color: #f2f2f2;

color: #333;

font-weight: bold;

}

```

我们可以将这些样式添加到HTML ``中的CSS样式表中，如下所示：

```html

```

最终，我们的表格看起来将如下图所示：


### 表格样式说明

让我们分析一下表格样式：

- `border-collapse: collapse;`：合并表格单元格的边框，使表格看起来更整洁。

- `width: 100%;`和`max-width: 800px;`：这将表格宽度设置为100%并限制表格宽度为最大800px，以确保表格在不同屏幕尺寸下均可正常显示。`margin: 0 auto;`将表格水平居中。

- `text-align: center;`：使表格内容居中显示。

- `padding: 10px;`和`border: 1px solid #ddd;`：设置单元格的填充和边框样式。

- `background-color: #f2f2f2;`和`color: #333;`和`font-weight: bold;`：设置表头（