html九九乘法表怎么打印

lewis 6年前 (2019-01-16) 阅读数 9 #程序编程

要在HTML中打印九九乘法表，你可以使用嵌套的<table>元素和循环来实现。以下是一个示例代码：

<!DOCTYPEhtml><html>
<head>
<title>九九乘法表</title>
<style>
table{
border-collapse:collapse;
}
td{
padding:5px;
border:1pxsolidblack;
}
</style>
</head>
<body>
<table>
<caption>九九乘法表</caption>
<tbody>
<!--表头-->
<tr>
<td></td>
<!--打印列号-->
{%forcolinrange(1,10)%}
<td>{{col}}</td>
{%endfor%}
</tr>
<!--打印行号和乘积-->
{%forrowinrange(1,10)%}
<tr>
<td>{{row}}</td>
<!--打印乘积-->
{%forcolinrange(1,10)%}
<td>{{row*col}}</td>
{%endfor%}
</tr>
{%endfor%}
</tbody>
</table>
</body>
</html>