JSP输出九九乘法表(包含table表格)

前言

 本博客文章已收录至专栏JSP技术,阅读其他有关博客笔记请转至该专栏下查阅

传送门 –>JSP技术

问题

如图所示,在JSP代码下输出以下4种不同输出形式的乘法口诀表

要求每个算式都有表格包含,如下图所示

解析

九九乘法表–左下角

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>九九乘法表</title>
    <%--jsp脚本的使用(九九乘法表,左下角)--%>
</head>
<h1>九九乘法表,左下角</h1>
<table border="1" style="border:1px solid black">
    <%
        for(int x = 1; x <= 9; x++){
            out.print("<tr>");
            for(int y = 1;y <= x;y++){
                out.print("<td>");
                out.println(y + "*" + x + "=" + x * y);
                out.print("</td>");
            }
            out.print("</tr>");
        }
    %>
</table>
</html>

九九乘法表–左上角

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>九九乘法表</title>
</head>
<body>
<h1>九九乘法表,左上角</h1>
<table border="1" style="border:1px solid black">
    <%
        for(int x = 9; x >= 1; x--){
            out.print("<tr>");
            for(int num = 1; num <= x; num++){
                out.print("<td>");
                out.println(num + "*" + x + "=" + num * x);
                out.print("</td>");
            }
            out.print("</tr>");
        }
    %>
</table>
</body>
</html>

九九乘法表–右下角

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>九九乘法表,右上角</h1>
<table border="1" style="border:1px solid black">
    <%
        for(int x = 9; x >= 1; x--){
            out.print("<tr>");
            for(int y = 9; y > x; y--){
                out.print("<td></td>");
            }
            for(int num = x; num > 0; num--){
                out.print("<td>");
                out.println(num + "*" + x + "=" + num * x);
                out.print("</td>");
            }
            out.print("</tr>");
        }
    %>
</table>
</body>
</html>

九九乘法表–右上角

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<body>
<h1>九九乘法表,右下角</h1>
<table border="1" style="border:1px solid black">
    <%
        for(int x=1; x<=9; x++){
            out.print("<tr>");
            for(int y = 1; y <= 9 - x; y++){
                out.print("<td></td>");
            }
            for(int num = x; num > 0; num--){
                out.print("<td>");
                out.println(x + "*" + num + "=" + x * num);
                out.print("</td>");
            }
            out.print("</tr>");
        }
    %>
</table>
</body>
</html>

版权声明:本文为博主作者:雨空集原创文章,版权归属原作者,如果侵权,请联系我们删除!

原文链接:https://blog.csdn.net/Sakurapaid/article/details/133943185

共计人评分,平均

到目前为止还没有投票!成为第一位评论此文章。

(0)
乘风的头像乘风管理团队
上一篇 2024年4月22日
下一篇 2024年4月22日

相关推荐