乘法表的六种形状

最新推荐文章于 2022-12-16 22:03:17 发布

qq_38895889

最新推荐文章于 2022-12-16 22:03:17 发布

阅读量541

点赞数

本文链接：https://blog.csdn.net/qq_38895889/article/details/82350621

版权

正直角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            for(var i=1;i<=9;i++){
                for(var j=1;j<=i;j++){
                    document.write(j+"*"+i+"="+(i*j));
                    document.write("&nbsp;&nbsp;");
                }
                document.write("<br>");
            }
        </script>
    </body>
</html>

靠左的正直角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div style="width:550px;text-align:right">
            <script>
                for(var i=1;i<=9;i++){
                    for(var j=1;j<=i;j++){
                        document.write(j+"*"+i+"="+(i*j));
                        document.write("&nbsp;");
                    }
                    document.write("<br>");
                }
            </script>
        </div>
    </body>
</html>

靠右的正直角
倒直角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            for(var i = 9;i>=1;i--){
                for(var j = 1;j<=i;j++){
                    document.write(j+"*"+i+"="+(i*j));
                    document.write("&nbsp;&nbsp");
                }
                document.write("<br>")
            }
        </script>
    </body>
</html>

靠左的倒直角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <div style="width:550px;text-align:right">
            <script>
                for(var i=9;i>=1;i--){
                    for(var j=1;j<=i;j++){
                        document.write(j+"*"+i+"="+(i*j));
                        document.write("&nbsp;");
                    }
                    document.write("<br>");
                }
            </script>
        </div>
    </body>
</html>

靠右的倒直角
等边三角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            for(var i=1;i<=9;i++){
                for(var c=1;c<=9+1-i;c++){
                    document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;")
                }
                for(var j=1;j<=i;j++){
                    document.write(j+"*"+i+"="+(i*j));
                    document.write("&nbsp;");
                }
                document.write("<br>");
            }
        </script>
    </body>
</html>

正等边三角

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
    </head>
    <body>
        <script>
            for(var i=9;i>=1;i--){
                for(var c=1;c<=9+1-i;c++){
                    document.write("&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;")
                }
                for(var j=1;j<=i;j++){
                    document.write(j+"*"+i+"="+(i*j));
                    document.write("&nbsp;");
                }
                document.write("<br>");
            }
        </script>
    </body>
</html>