生成一个html5简单表格
时间: 2024-09-13 13:13:08 浏览: 20
生成一个简单的HTML5表格可以使用`<table>`元素,并配合`<tr>`(table row,表格行)、`<th>`(table header,表格头部单元格)和`<td>`(table data,表格数据单元格)标签。以下是一个简单的例子:
```html
<!DOCTYPE html>
<html>
<head>
<title>简单HTML5表格</title>
</head>
<body>
<table border="1"> <!-- border属性用于显示表格边框 -->
<!-- 表格的表头 -->
<tr>
<th>姓名</th>
<th>年龄</th>
<th>职业</th>
</tr>
<!-- 表格的第一行数据 -->
<tr>
<td>张三</td>
<td>28</td>
<td>工程师</td>
</tr>
<!-- 表格的第二行数据 -->
<tr>
<td>李四</td>
<td>25</td>
<td>设计师</td>
</tr>
<!-- 更多行可以继续添加 -->
</table>
</body>
</html>
```
这段代码定义了一个具有三个头部单元格的表格,并且有两行数据。`border="1"`属性是用于在浏览器中显示表格边框,但在实际开发中通常会使用CSS来控制样式。