使用<table>标签创建一个4行5列的表格,确保使用<th>标签定义表头,并使用<td>标签填充单元格内容,使用align=“center”可以使表格内容居中。
时间: 2024-09-19 11:16:41 浏览: 60
移动端table固定表头与固定第一列
5星 · 资源好评率100%
当你想要在HTML中创建一个4行5列的表格时,可以按照以下步骤操作:
```html
<!DOCTYPE html>
<html>
<head>
<style>
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: center; /* 使得内容居中 */
padding: 8px;
border: 1px solid black;
}
th {
background-color: #f2f2f2; /* 表头背景色 */
}
</style>
</head>
<body>
<table>
<tr> <!-- 第一行 -->
<th>列1</th>
<th>列2</th>
<th>列3</th>
<th>列4</th>
<th>列5</th>
</tr>
<tr> <!-- 第二行 -->
<td>内容1</td>
<td>内容2</td>
<td>内容3</td>
<td>内容4</td>
<td>内容5</td>
</tr>
<tr> <!-- 第三行 -->
<td>内容6</td>
<td>内容7</td>
<td>内容8</td>
<td>内容9</td>
<td>内容10</td>
</tr>
<tr> <!-- 第四行 -->
<td>内容11</td>
<td>内容12</td>
<td>内容13</td>
<td>内容14</td>
<td>内容15</td>
</tr>
</table>
</body>
</html>
```
在这个例子中,`<table>`标签定义了整个表格,`<tr>`标签代表表格的一行,`<th>`用于定义表头单元格,而<td>用于定义数据单元格。`align="center"`属性已包含在`text-align`样式中,无需额外添加。
阅读全文