用html写出一个创建三行四列表格的代码
时间: 2024-10-20 19:04:51 浏览: 21
分三行三列 或者M行N列
要创建一个三行四列的HTML表格,你可以使用`<table>`、`<tr>`(代表表格行)和`<td>`(代表单元格)标签。下面是一个示例代码:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>三行四列表格</title>
</head>
<body>
<table border="1" style="width: 100%; border-collapse: collapse;">
<!-- 第一行 -->
<tr>
<td>单元格1</td>
<td>单元格2</td>
<td>单元格3</td>
<td>单元格4</td>
</tr>
<!-- 第二行 -->
<tr>
<td>单元格5</td>
<td>单元格6</td>
<td>单元格7</td>
<td>单元格8</td>
</tr>
<!-- 第三行 -->
<tr>
<td>单元格9</td>
<td>单元格10</td>
<td>单元格11</td>
<td>单元格12</td>
</tr>
</table>
</body>
</html>
```
在这个例子中,每行有四个`<td>`元素,总共有三行。`border="1"`设置了边框以便于查看,实际项目中可以根据需要调整样式。
阅读全文