用html做乘法表表格
时间: 2024-09-21 21:11:13 浏览: 24
HTML可以轻松创建一个简单的乘法表表格,以下是创建一个4x4乘法表的例子:
```html
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<title>乘法表</title>
</head>
<body>
<table border="1">
<tr>
<th></th>
<th>1</th>
<th>2</th>
<th>3</th>
<th>4</th>
</tr>
<!-- 行循环 -->
<script>
for(let i = 1; i <= 4; i++) {
// 列循环
document.write("<tr>");
document.write("<td>" + i + "</td>");
for(let j = 1; j <= 4; j++) {
document.write("<td>" + i * j + "</td>");
}
document.write("</tr>");
}
</script>
</table>
</body>
</html>
```
这个例子中,我们使用了两个嵌套的`for`循环来遍历行和列,并通过`document.write`动态插入单元格的内容(即乘积)。每个`<th>`元素表示表头,而`<td>`元素表示数据单元。