<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>九九乘法表</title> <style> div{ text-align: center; width: 1210px; margin: 0 auto; } table{ margin: 0 auto; border: 4px solid green; padding: 5px; } td{ border: 1px solid green; color: blue; } </style> </head> <body> <script> // 打印9*9乘法表 document.write("<div>"); document.write("<h3>"+"九九乘法表"+"</H3>") document.write('<table>');//添加table開始標簽 for(var i =1;i<=9;i++){ document.write('<tr>');//添加tr開始標簽 for(var j=1;j<=i;j++){ document.write("<td>"+i+"※"+j+"="+i*j+"</td>");//讓其在td標簽中顯示 } document.write("</tr>")//添加tr結束標簽 } document.write('</table>');//添加table結束標簽 document.write('</div>'); </script> </body> </html>
