甲子園スコアボードHTML

甲子園も熱戦が続いています。皆さんも地元の学校の試合は速報ページでチェックされているのではないでしょうか。

野球の場合、最終結果もさることながら、気になるのが途中経過です。

「八回裏に逆転したのか~」、とか考えながら見るのが楽しいものです。

よって野球ページにはスコアボードが必須ですが、これをHTMLで書くとかなり面倒なものです。

こんな感じでしょうか↓

  1 2 3 4 5 6 7 8 9
UT第一 1 0 1 0 0 0 0 2 2 6
XL学園 1 1 1 0 0 0 0 2 2 7

HTML↓

<table style=”text-align: left; border:0; padding:0.2em; margin-bottom:0.2em; background-color:green; color:white; text-align:center”>
<tr>
<td style=”width:3em”> </td>
<td style=”width:1.5em”>1</td>
<td style=”width:1.5em”>2</td>
<td style=”width:1.5em”>3</td>
<td style=”width:1.5em”>4</td>
<td style=”width:1.5em”>5</td>
<td style=”width:1.5em”>6</td>
<td style=”width:1.5em”>7</td>
<td style=”width:1.5em”>8</td>
<td style=”width:1.5em”>9</td>
<td style=”width:2em”>計</td>
</tr>
<tr>
<td>UT第一</td>
<td>1</td>
<td>0</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>2</td>
<td>2</td>
<td>6</td>
</tr>
<tr>
<td>XL学園</td>
<td>1</td>
<td>1</td>
<td>1</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>0</td>
<td>2</td>
<td>2</td>
<td>7</td>
</tr>
</table>

HTMLで組むのは大変ですね。

最近はFlashとかで作成されているのが多いみたいです。

問題

さて、せっかくスコアボードHTMLを作成したので、

甲子園名勝負問題を作成します。

①~⑩の校名を当てて下さい。

ファンにはなつかしい試合です。

試合1

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17
0 0 0 2 2 0 0 1 0 0 1 0 0 0 0 1 2 9
0 3 0 1 0 0 1 0 0 0 1 0 0 0 0 1 0 7

試合2

  1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
0 0 0 1 0 0 0 0 0 0 0 1 0 0 0 1 0 0 3
0 0 0 1 0 0 0 0 0 0 0 1 0 0 0 1 0 1 4

試合3

  1 2 3 4 5 6 7 8 9
0 0 0 2 0 0 0 2 8 12
0 3 0 3 0 0 2 0 5 13

試合4

  1 2 3 4 5 6 7 8 9 10 11
3 0 0 0 0 0 0 0 0 0 3 6
0 1 0 0 0 0 0 1 1 0 0 3

試合5

  1 2 3 4 5 6 7 8 9 10
2 0 0 0 0 0 2 0 0 4 8
0 0 0 0 0 1 0 2 1 0 4

残念ながら投稿フォームが無いので、応募はできませんが、好きな方は楽しんで下さい。

正解は来週に発表いたします。

N.N