在 HTML 中，可以使用表格标签
<table>
和相关标签
<tr>
、
<td>
来创建表格。如果需要动态生成表格数据，可以使用 JavaScript 中的循环结构和 DOM 操作来实现。
下面是一个简单的示例，展示如何使用 JavaScript 循环生成表格数据：
<!DOCTYPE html>
<title>循环生成表格数据</title>
</head>
<table id="myTable">
<th>姓名</th>
<th>年龄</th>
<th>性别</th>
</table>
<script>
// 模拟数据
var data = [
{name: "张三", age: 18, gender: "男"},
{name: "李四", age: 20, gender: "女"},
{name: "王五", age: 22, gender: "男"}
// 获取表格元素
var table = document.getElementById("myTable");
// 循环生成表格数据
for (var i = 0; i < data.length; i++) {
var row = table.insertRow(i + 1); // 插入新行
var cell1 = row.insertCell(0); // 插入新列
var cell2 = row.insertCell(1);
var cell3 = row.insertCell(2);
// 填充数据
cell1.innerHTML = data[i].name;
cell2.innerHTML = data[i].age;
cell3.innerHTML = data[i].gender;
</script>
</body>
</html>
上面的示例代码中，我们首先创建了一个空的表格，并且定义了表头，接着使用 JavaScript 中的数组模拟了一些数据。在 JavaScript 中，我们可以通过 document.getElementById 方法来获取表格元素，然后使用 insertRow 和 insertCell 方法插入新行和新列，最后使用 innerHTML 属性来填充表格数据。
需要注意的是，上面的示例代码只是一个简单的示例，实际应用中还需要根据具体情况进行修改和调整。