プログラミングを学んだすべての人が「Helloworld」を書いています
しかし、99の乗算テーブルは、すべてのプログラミング初心者の必見になるべきだと思います。
これはJavaScriptの実装方法であり、初心者に非常に適しています! ! !
以下はコードとコメントです
<!doctype html> <head> <meta http-equiv = "content-type" content = "text/html; charset = gb2312"/> <title> javascript nineナイン乗算テーブル</title> <style type = "text/css"> table {width:600px; //テーブルの高さのプロパティを設定するかどうかは、国境収容を設定しないことをお勧めします。 }テーブルTD {border:#000000 1px solid;テキストアライグ:センター; // <td>タグのコンテンツを中央に配置できますか。 <th>タグの場合、このコードの行なしに自動的に中心にすることができます} </style> </head> <body> <body> <script type = "text/javascript"> // // <table> </table>テーブルスタイルを追加して、(var x = 1; x <= 9; x ++){document.write( "<tr>")の乗算テーブルを表示します。 // <tr> </tr>タグ(var y = 1; y <= x; y ++){document.write( "<td>"+y+"x"+x+"="+y*x+"</td>"); // <th>タグは、中心と太字の内容} document.write( "</tr>"); } document.write( "</table>"); </script> </body> </html>以下は上記のコードの一部です
•<table>タグはテーブルを定義します!
<tr> - テーブルの行を定義します
<th> - テーブルヘッダーを定義します
<td> - テーブル要素を定義します(テーブルの特定のデータ)
border = ""プロパティはテーブルの境界線を設定できます!
<th>の文字は、デフォルトで太字と中心に表示されます!
bgcolor = ""は、テーブルの背景色を設定することに精通しているものです!
•cellspacing = ""およびcellspadding = ""は、テーブルとセルの間隔の間隔です!しかし、両方のタグはHTML5によって削除され、境界線崩壊に置き換えられました。崩壊|継承。
| 別 | デフォルト値。境界線は分離されます。境界間隔と空セルのプロパティは無視されません。 |
| 崩壊 | 可能であれば、境界線は単一の境界線に統合されます。境界間隔と空セルのプロパティは無視されます。 |
| 継承 | 境界線収縮属性の値は、親要素から継承することを指定します。 |
99乗算テーブルを実装するJavaScriptの上記の簡単な例は、私があなたと共有するすべてのコンテンツです。参照を提供できることを願っています。wulin.comをもっとサポートできることを願っています。