HTML中用if语句怎么打出九九乘法表,求详细步骤!

HTML中用if语句怎么打出九九乘法表,求详细步骤!,第1张

 for

(i=1i<10i++)

/*第一行*/

for

(j=1j<10j++)

/*第二行*/

if

(j==9)

printf("%4d\n",i*j)/*第三行*/

else

printf("%4d",i*j)

/*第四行*/

i从1--9变化,当i等于每个数字时,j都从1--9执行了一遍,j=1--8时,直接打印并不换行

printf("%4d",i*j)

,但j=9时打印换行.

这几句的作用就是打印出

九九乘法表

.

for

(i=1i<10i++)

/*第一行*/

for

(j=1j<10j++)

/*第二行*/

if

(j==9)

printf("%4d\n",i*j)/*第三行*/

else

printf("%4d",i*j)

/*第四行*/

i从1--9变化,当i等于每个数字时,j都从1--9执行了一遍,j=1--8时,直接打印并不换行

printf("%4d",i*j)

,但j=9时打印换行.

这几句的作用就是打印出九九乘法表.

实际是就是9*9的一个表格,没有内容的地方就不用填写数据,用table很好实现。

TABLE布局的缺点:

1.table 比其他html标签占更多的字节。造成下载时间延迟,占用服务器更多的流量资源(代码冗余)。

2.table 会阻挡浏览其渲染引擎的渲染顺序,会延迟页面的生成速度,让用户等待时间更久。

3.灵活性差,一旦设计确定,后期很难通过CSS让它展现新的面貌。

4.不利于搜索引擎抓取信息,直接影响到网站的排名。

HTML的全称为超文本标记语言,是一种标记语言。它包括一系列标签.通过这些标签可以将网络上的文档格式统一,使分散的Internet资源连接为一个逻辑整体。HTML文本是由HTML命令组成的描述性文本,HTML命令可以说明文字,图形、动画、声音、表格、链接等。

总结如下:

超文本是一种组织信息的方式,它通过超级链接方法将文本中的文字、图表与其他信息媒体相关联。这些相互关联的信息媒体可能在同一文本中,也可能是其他文件,或是地理位置相距遥远的某台计算机上的文件。这种组织信息方式将分布在不同位置的信息资源用随机方式进行连接,为人们查找,检索信息提供方便。

<!DOCTYPE html>

<html>

 <head>

  <title>乘法表</title>

  <meta charset="UTF-8"/>

  <style>

   table{

    border-collapse:collapse

   }

   td{

    text-align:center

    border:1px solid green

    padding:2px 8px

   }

  </style>

  <script>

   function mulTable(){

    var text=document.getElementById("text")

    var n=parseInt(text.value)

    if(isNaN(n)){

     alert("请输入0-9的数字")

     return

    }

    if(n<1||n>9){

     alert("请输入0-9")

     return

    }

    var table=document.getElementById("table")

    table.innerHTML=""

    var i,j,tr,td

    for(i=1i<=ni++){

     tr=document.createElement("tr")

     table.appendChild(tr)

     for(j=1j<=nj++){

      td=document.createElement("td")

      tr.appendChild(td)

      td.innerHTML=j+"*"+i+"="+(i*j)

      if(i==j){

       break

      }

     }

    }

   }

  </script>

 </head>

 <body>

  <label>请输入阶数</label>

  <input id="text" type="text">

  <button type="button" onclick="mulTable()">打印乘法表</button>

  <table id="table"></table>

 </body>

</html>


欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/zaji/7463180.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-06
下一篇 2023-04-06

发表评论

登录后才能评论

评论列表(0条)

保存