追加課題01：画像を投稿した日記の、そのサムネイル画像とタイトルを、テーブル形式で並べてください

• 70日以内に書かれたエントリー内に含まれる、画像アイテムとタイトルをすべて並べてください。
• 一行に3つずつ、縦横208pxにしたアイテムのサムネイルを並べます。（画像の正方形のトリミングはCSSでおこなっています）
• 各アイテムのサムネイルはエントリーにリンクを張って下さい。
• 最後に3つ並べるのに足りなくなった場所は、colspanを使い空要素で埋めてください。（上記画像の場合としています）
• タイトルには学年アイコンをつけてください。
• このデザインのテーブルを実装するにあたり、structure.cssを既存と差し替えてください。
  structure.cssのダウンロード

＊ヒント：特定の繰り返し後に、異なる処理を行う方法の練習です。一行ごとにで開きで閉じるようにしてください。余った時の処理の分岐にも、工夫が必要です。<MTIf name="__Last__">を用いてください。

HTMLソース

<table class="thumbnail" summary="最近(さいきん)の写真">
<tr>
<td>
<p><a href="http://kiasma.jp/20080621/6/20080615.html"><img src="http://kiasma.jp/20080621/assets_c/2008/06/photo_06-thumb-autox208.jpg"alt="修学旅行の思い出" /></a></p>
<h3><span class="schoolyear06"><a href="http://kiasma.jp/20080621/6/20080615.html">修学旅行の思い出</a></span></h3>
</td>
<td>
<p><a href="http://kiasma.jp/20080621/3/20080605.html"><img src="http://kiasma.jp/20080621/assets_c/2008/06/photo_03-thumb-autox208.jpg"alt="つうがくろにいつもいるネコ" /></a></p>
<h3><span class="schoolyear03"><a href="http://kiasma.jp/20080621/3/20080605.html">つうがくろにいつもいるネコ</a></span></h3>
</td>
<td>
<p><a href="http://kiasma.jp/20080621/2/20080510.html"><img src="http://kiasma.jp/20080621/assets_c/2008/06/photo_02-thumb-autox208.jpg"alt="りかのじゅぎょう" /></a></p>
<h3><span class="schoolyear02"><a href="http://kiasma.jp/20080621/2/20080510.html">りかのじゅぎょう</a></span></h3>
</td>
</tr>
<tr>
<td>
<p><a href="http://kiasma.jp/20080621/4/20080420.html"><img src="http://kiasma.jp/20080621/assets_c/2008/06/photo_04-thumb-autox208.jpg"alt="春の遠足" /></a></p>
<h3><span class="schoolyear04"><a href="http://kiasma.jp/20080621/4/20080420.html">春の遠足</a></span></h3>
</td>
<td colspan="2"><p>&nbsp;</p></td>
</tr>
</table>