追加課題02:画像を投稿した日記の、そのサムネイル画像とタイトルを、テーブル形式で並べてください。奇数のアイテムはタイトルが上側、偶数のアイテムはタイトルが下側になるようにしてください
追加課題01の応用編です。
*ヒント:奇数/偶数を分岐させる方法を考えてみてください。
実装済みのページ
http://kiasma.jp/20080621/index.html
HTMLソース
<h2>最近(さいきん)の写真(しゃしん)</h2>
<table class="thumbnail" summary="最近(さいきん)の写真">
<tr>
<td><h3><span class="schoolyear06">
<a href="http://kiasma.jp/20080621/6/20080615.html">
修学旅行の思い出</a></span></h3>
<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></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><h3><span class="schoolyear02">
<a href="http://kiasma.jp/20080621/2/20080510.html">
りかのじゅぎょう</a></span></h3>
<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></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> </p></td>
</tr>
</table>
