PHP演習 5
九九の表を作成
PHPを使って9×9の九九の表を作ってみました。
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> </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>