<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="initial-scale=1.0">
<title>九九</title>
<style>
table{
border-collapse:collapse;
}
th,td{
border:solid 1px black;
text-align:center;
}
th{
background:lavender;
}
</style>
</head>
<body>
<h1>九九表</h1>
<table>
<caption>九九</caption>
<col span="10" style="width:2em;">
<tr>
<script>
var max_length = 9;
var column, row;
for(column = ""; column <= max_length; column++){
document.write("<th>" + column + "</th>");
}
document.write("</tr>");
for(row = 1; row <= max_length; row++){
document.write("<tr><th>" + row + "</th>");
for(column = 1; column <= max_length; column++){
document.write("<td>" + (0) + "</td>");
}
document.write("</tr>");
}
</script>
</table>
</body>
</html>