源码如下:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>九九乘法表</title>
</head>
<body>
<h1>九九乘法表练习</h1>
<table border="1">
{% for x in range(1,10) %}
<tr>
{% for y in range(1,x+1) %}
<td>{{y}}*{{x}} = {{x*y}} </td>
{% endfor %}
</tr>
{% endfor %}
</table>
</body>
</html>
注意细节:1:jinja 代码 与python类似,嵌套循环记不要忘记也写一遍{%endfor%}
2:<tr> 下面不要忘记添加<td>实现换行符
效果如下: