practice

<p>分類の要素</p>
<ol style="font-weight:bold;color:#456789;font-size:14px;margin-left:60px;text-align:left;line-height:24px;">
<li>小学校 / 中学校 / 高校 / 専門学校 / 大学</li>
<li>男子 / 女子</li>
<li>品川区 / 新宿区 / 豊島区 / 文京区 / 他の地域</li>
<li>自転車 / 地下鉄 / 電車 / 徒歩 / バス / 他の移動手段</li>
</ol>
<hr>
<main class="ディスプレイ">

<p>小学校の生徒<p>
<table>
<tbody class="小学校">
<tr class="男 新宿区 徒歩">
<th><a href="#">生徒-Aくん　</a></th>
<td>小学</td><td>男</td><td>新宿区</td><td>徒歩</td><td>テキスト</td>
</tr>
<tr class="男 新宿区 バス">
<th><a href="#">生徒-Bくん　</a></th>
<td>小学</td><td>男</td><td>新宿区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="男 文京区 自転車">
<th><a href="#">生徒-Cくん　</a></th>
<td>小学</td><td>男</td><td>文京区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="男 豊島区 バス">
<th><a href="#">生徒-Dくん　</a></th>
<td>小学</td><td>男</td><td>豊島区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="女 新宿区 自転車">
<th><a href="#">生徒-Eさん　</a></th>
<td>小学</td><td style="color:red;">女</td><td>新宿区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="男 文京区 自転車">
<th><a href="#">生徒-Fくん　</a></th>
<td>小学</td><td>男</td><td>文京区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="女 新宿区 電車">
<th><a href="#">生徒-Gさん　</a></th>
<td>小学</td><td style="color:red;">女</td><td>新宿区</td><td>電車</td><td>テキスト</td>
</tr>
<tr class="女 品川区 地下鉄">
<th><a href="#">生徒-Hさん　</a></th>
<td>小学</td><td style="color:red;">女</td><td>品川区</td><td>地下鉄</td><td>テキスト</td>
</tr>
<tr class="男 品川区 他の移動手段">
<th><a href="#">生徒-Iくん　</a></th>
<td>小学</td><td>男</td><td>品川区</td><td>他の移動手段</td><td>(リムジン)</td>
</tr>
<tr class="女 他の地域 他の移動手段">
<th><a href="#">生徒-Jさん　</a></th>
<td>小学</td><td style="color:red;">女</td><td>他の地域</td><td>他の移動手段</td><td>(小笠原諸島 / ヘリコプター)</td>
</tr>
</tbody>
</table>

<p>中学校の生徒<p>
<table>
<tbody class="中学校">
<tr class="男 新宿区 電車">
<th><a href="#">生徒-aくん　</a></th>
<td>中学</td><td>男</td><td>新宿区</td><td>電車</td><td>テキスト</td>
</tr>
<tr class="男 新宿区 バス">
<th><a href="#">生徒-bくん　</a></th>
<td>中学</td><td>男</td><td>新宿区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="女 新宿区 徒歩">
<th><a href="#">生徒-cさん　</a></th>
<td>中学</td><td style="color:red;">女</td><td>新宿区</td><td>徒歩</td><td>テキスト</td>
</tr>
<tr class="男 豊島区 バス">
<th><a href="#">生徒-dくん　</a></th>
<td>中学</td><td>男</td><td>豊島区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="男 品川区 バス">
<th><a href="#">生徒-eくん　</a></th>
<td>中学</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="女 新宿区 電車">
<th><a href="#">生徒-fさん　</a></th>
<td>中学</td><td style="color:red;">女</td><td>新宿区</td><td>電車</td><td>テキスト</td>
</tr>
<tr class="男 品川区 自転車">
<th><a href="#">生徒-gくん　</a></th>
<td>中学</td><td>男</td><td>品川区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="男 文京区 地下鉄">
<th><a href="#">生徒-hくん　</a></th>
<td>中学</td><td>男</td><td>文京区</td><td>地下鉄</td><td>テキスト</td>
</tr>
<tr class="男 他の地域 他の移動手段">
<th><a href="#">生徒-iくん　</a></th>
<td>中学</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(茨城県 / タクシー)</td>
</tr>
<tr class="女 豊島区 他の移動手段">
<th><a href="#">生徒-jさん　</a></th>
<td>中学</td><td style="color:red;">女</td><td>豊島区</td><td>他の移動手段</td><td>(モノレール)</td>
</tr>
</tbody>
</table>

<p>高等学校の生徒<p>
<table>
<tbody class="高校">
<tr class="女 豊島区 自転車">
<th><a href="#">生徒-アさん　</a></th>
<td>高校</td><td style="color:red;">女</td><td>豊島区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="男 文京区 自転車">
<th><a href="#">生徒-イくん　</a></th>
<td>高校</td><td>男</td><td>文京区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="女 品川区 バス">
<th><a href="#">生徒-ウさん　</a></th>
<td>高校</td><td style="color:red;">女</td><td>品川区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="男 他の地域 他の移動手段">
<th><a href="#">生徒-エくん　</a></th>
<td>高校</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(千葉県 / ハイヤー)</td>
</tr>
<tr class="男 新宿区 地下鉄">
<th><a href="#">生徒-オくん　</a></th>
<td>高校</td><td>男</td><td>新宿区</td><td>地下鉄</td><td>テキスト</td>
</tr>

<tr class="男 文京区 徒歩">
<th><a href="#">生徒-カくん　</a></th>
<td>高校</td><td>男</td><td>文京区</td><td>徒歩</td><td>テキスト</td>
</tr>
<tr class="男 新宿区 電車">
<th><a href="#">生徒-キくん　</a></th>
<td>高校</td><td>男</td><td>新宿区</td><td>電車</td><td>テキスト</td>
</tr>
<tr class="男 品川区 バス">
<th><a href="#">生徒-クくん　</a></th>
<td>高校</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="女 文京区 自転車">
<th><a href="#">生徒-ケさん　</a></th>
<td>高校</td><td style="color:red;">女</td><td>文京区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="女 他の地域 他の移動手段">
<th><a href="#">生徒-コさん　</a></th>
<td>高校</td><td style="color:red;">女</td><td>他の地域</td><td>他の移動手段</td><td>(埼玉県 / 新幹線)</td>
</tr>
</tbody>
</table>

<p>専門学校の生徒<p>
<table>
<tbody class="専門学校">
<tr class="女 新宿区 バス">
<th><a href="#">生徒-亜さん　</a></th>
<td>専門学校</td><td style="color:red;">女</td><td>新宿区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="男 品川区 自転車">
<th><a href="#">生徒-医くん　</a></th>
<td>専門学校</td><td>男</td><td>品川区</td><td>自転車</td><td>テキスト</td>
</tr>
<tr class="女 品川区 電車">
<th><a href="#">生徒-右さん　</a></th>
<td>専門学校</td><td style="color:red;">女</td><td>品川区</td><td>電車</td><td>テキスト</td>
</tr>
<tr class="男 新宿区 徒歩">
<th><a href="#">生徒-絵くん　</a></th>
<td>専門学校</td><td>男</td><td>新宿区</td><td>徒歩</td><td>テキスト</td>
</tr>
<tr class="女 文京区 徒歩">
<th><a href="#">生徒-尾さん　</a></th>
<td>専門学校</td><td style="color:red;">女</td><td>文京区</td><td>徒歩</td><td>テキスト</td>
</tr>
<tr class="男 品川区 地下鉄">
<th><a href="#">生徒-加くん　</a></th>
<td>専門学校</td><td>男</td><td>品川区</td><td>地下鉄</td><td>テキスト</td>
</tr>
<tr class="男 他の地域 他の移動手段">
<th><a href="#">生徒-木くん　</a></th>
<td>専門学校</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(世田谷区 / スクーター)</td>
</tr>
<tr class="男 品川区 バス">
<th><a href="#">生徒-久くん　</a></th>
<td>専門学校</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="女 新宿区 電車">
<th><a href="#">生徒-計さん　</a></th>
<td>専門学校</td><td style="color:red;">女</td><td>新宿区</td><td>電車</td><td>テキスト</td>
</tr>
<tr class="女 他の地域 電車">
<th><a href="#">生徒-古さん　</a></th>
<td>専門学校</td><td style="color:red;">女</td><td>他の地域</td><td>電車</td><td>(足立区)</td>
</tr>
</tbody>
</table>

<p>大学の生徒<p>
<table>
<tbody class="大学">
<tr class="女 他の地域 バス">
<th><a href="#">生徒-あ-さん　</a></th>
<td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>バス</td><td>(千代田区)</td>
</tr>
<tr class="男 品川区 他の移動手段">
<th><a href="#">生徒-い-くん　</a></th>
<td>大学</td><td>男</td><td>品川区</td><td>他の移動手段</td><td>(オートバイ)</td>
</tr>
<tr class="女 他の地域 地下鉄">
<th><a href="#">生徒-う-さん　</a></th>
<td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>地下鉄</td><td>(葛飾区)</td>
</tr>
<tr class="男 新宿区 徒歩">
<th><a href="#">生徒-え-くん　</a></th>
<td>大学</td><td>男</td><td>新宿区</td><td>徒歩</td><td>テキスト</td>
</tr>
<tr class="女 他の地域 他の移動手段">
<th><a href="#">生徒-お-さん　</a></th>
<td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>他の移動手段</td><td>(カナダ / ジェット機)</td>
</tr>
<tr class="男 新宿区 電車">
<th><a href="#">生徒-か-くん　</a></th>
<td>大学</td><td>男</td><td>新宿区</td><td>電車</td><td>テキスト</td>
</tr>
<tr class="男 他の地域 他の移動手段">
<th><a href="#">生徒-き-くん　</a></th>
<td>大学</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(沖縄県 / 船)</td>
</tr>
<tr class="男 品川区 バス">
<th><a href="#">生徒-く-くん　</a></th>
<td>大学</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td>
</tr>
<tr class="女 他の地域 電車">
<th><a href="#">生徒-け-さん　</a></th>
<td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>電車</td><td>(千葉県)</td>
</tr>
<tr class="女 他の地域 他の移動手段">
<th><a href="#">生徒-こ-さん　</a></th>
<td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>他の移動手段</td><td>(新潟県 / グライダー)</td>
</tr>
</tbody>
</table>
<hr>
</main>

<h3>▼ 000: ◯学校の_「◯◯」通学をテスト表示</h3>
<div class="Q_000"></div>

</html>