読者です 読者をやめる 読者になる 読者になる

PHP演習 5

九九の表を作成

PHPを使って9×9の九九の表を作ってみました。

 

f:id:develog:20161109111200p:plain

 

PHPソース

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>九九表</title>
<style>
table {
border-collapse: collapse;
border: solid 2px #000;
font-size: 24px;
width: 500px;
height: 500px;
text-align: center;
}
tr:first-child, th:first-child {
background: #BFCEE5;
}
th,td {
width: 50px;/*tableのwidthの幅は超えられない*/
height: 50px;/*tableのheightの幅を超えられる*/
border: solid 1px #000;
}
</style>
</head>

<body>
<h1>PHPによる九九一覧表(9×9)</h1>
<table>
<tr>
<th>&nbsp;</th>
<?php
  for( $i = 1; $i <= 9; $i++) {
  echo "<th>{$i}</th>";
}
echo "</tr>";

for( $i = 1; $i <= 9; $i++) {
  echo "<tr>";
  echo "<th>{$i}</th>";
  for( $j = 1; $j <=9; $j++){
    echo "<td>".$i*$j."</td>";//{$i*$j}は使えない
  }
  echo "</tr>";
}
?>
</table>
</body>
</html>