在HTML中创建表格，你需要使用`<table>`元素，其中每个单元格由`<tr>`（table row，表格行）和`<td>`（table data，表格数据）或`<th>`（table header，表格头部）元素定义。`<th>`元素通常用于表示表头单元格，这些单元格中的文本通常会被浏览器加粗并居中显示。
以下是一个简单的HTML表格示例：
```html
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<title>我的表格</title>
<style>
/* 你可以在这里添加CSS样式来美化表格 */
table {
width: 100%;
border-collapse: collapse; /* 移除表格边框之间的空白 */
}
th, td {
border: 1px solid black; /* 为每个单元格添加边框 */
padding: 8px; /* 添加内边距，让文字不会紧贴着边框 */
text-align: left; /* 文本左对齐 */
}
th {
background-color: #f2f2f2; /* 设置表头背景色 */
}
</style>
</head>
<body>
<table>
<thead> <!-- 表头部分 -->
<tr>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
</thead>
<tbody> <!-- 表格主体部分 -->
<tr>
<td>张三</td>
<td>30</td>
<td>工程师</td>
</tr>
<tr>
<td>李四</td>
<td>25</td>
<td>设计师</td>
</tr>
<tr>
<td>王五</td>
<td>35</td>
<td>教师</td>
</tr>
</tbody>
</table>
</body>
</html>
扫一扫
2168
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
