■ 小学校 / 中学校 / 高校 / 専門学校 / 大学
■ 男子 / 女子
■ 品川区 / 新宿区 / 豊島区 / 文京区 / 他の地域
■ 自転車 / 地下鉄 / 電車 / 徒歩 / バス / 他の移動手段
データ部分は表示させない
<html> <meta charset="utf-8"> <style> スタイル </style> <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="students_folder/001_EM-A.html">生徒-Aくん </a></th> <td>小学</td><td>男</td><td>新宿区</td><td>徒歩</td><td>テキスト</td> </tr> <tr class="男 新宿区 バス"> <th><a href="students_folder/002_EM-B.html">生徒-Bくん </a></th> <td>小学</td><td>男</td><td>新宿区</td><td>バス</td><td>テキスト</td> </tr> <tr class="男 文京区 自転車"> <th><a href="students_folder/003_EM-C.html">生徒-Cくん </a></th> <td>小学</td><td>男</td><td>文京区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="男 豊島区 バス"> <th><a href="students_folder/004_EM-D.html">生徒-Dくん </a></th> <td>小学</td><td>男</td><td>豊島区</td><td>バス</td><td>テキスト</td> </tr> <tr class="女 新宿区 自転車"> <th><a href="students_folder/005_EF-E.html">生徒-Eさん </a></th> <td>小学</td><td style="color:red;">女</td><td>新宿区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="男 文京区 自転車"> <th><a href="students_folder/006_EM-F.html">生徒-Fくん </a></th> <td>小学</td><td>男</td><td>文京区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="女 新宿区 電車"> <th><a href="students_folder/007_EF-G.html">生徒-Gさん </a></th> <td>小学</td><td style="color:red;">女</td><td>新宿区</td><td>電車</td><td>テキスト</td> </tr> <tr class="女 品川区 地下鉄"> <th><a href="students_folder/008_EF-H.html">生徒-Hさん </a></th> <td>小学</td><td style="color:red;">女</td><td>品川区</td><td>地下鉄</td><td>テキスト</td> </tr> <tr class="男 品川区 他の移動手段"> <th><a href="students_folder/009_EM-I.html">生徒-Iくん </a></th> <td>小学</td><td>男</td><td>品川区</td><td>他の移動手段</td><td>(リムジン)</td> </tr> <tr class="女 他の地域 他の移動手段"> <th><a href="students_folder/010_EF-J.html">生徒-Jさん </a></th> <td>小学</td><td>女</td><td>他の地域</td><td>他の移動手段</td><td>(小笠原諸島 / ヘリコプター)</td> </tr> </tbody> </table> <!------中学校のデータ-------> <p>中学校の生徒<p> <table> <tbody class="中学校"> <tr class="男 新宿区 電車"> <th><a href="students_folder/011_MM-a.html">生徒-aくん </a></th> <td>中学</td><td>男</td><td>新宿区</td><td>電車</td><td>テキスト</td> </tr> <tr class="男 新宿区 バス"> <th><a href="students_folder/012_MM-b.html">生徒-bくん </a></th> <td>中学</td><td>男</td><td>新宿区</td><td>バス</td><td>テキスト</td> </tr> <tr class="女 新宿区 徒歩"> <th><a href="students_folder/013_MF-c.html">生徒-cさん </a></th> <td>中学</td><td style="color:red;">女</td><td>新宿区</td><td>徒歩</td><td>テキスト</td> </tr> <tr class="男 豊島区 バス"> <th><a href="students_folder/014_MM-d.html">生徒-dくん </a></th> <td>中学</td><td>男</td><td>豊島区</td><td>バス</td><td>テキスト</td> </tr> <tr class="男 品川区 バス"> <th><a href="students_folder/015_MM-e.html">生徒-eくん </a></th> <td>中学</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td> </tr> <tr class="女 新宿区 電車"> <th><a href="students_folder/016_NF-f.html">生徒-fさん </a></th> <td>中学</td><td style="color:red;">女</td><td>新宿区</td><td>電車</td><td>テキスト</td> </tr> <tr class="男 品川区 自転車"> <th><a href="students_folder/017_MM-g.html">生徒-gくん </a></th> <td>中学</td><td>男</td><td>品川区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="男 文京区 地下鉄"> <th><a href="students_folder/018_MM-h.html">生徒-hくん </a></th> <td>中学</td><td>男</td><td>文京区</td><td>地下鉄</td><td>テキスト</td> </tr> <tr class="男 他の地域 他の移動手段"> <th><a href="students_folder/019_MM-i.html">生徒-iくん </a></th> <td>中学</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(茨城県 / タクシー)</td> </tr> <tr class="女 豊島区 他の移動手段"> <th><a href="students_folder/020_MF-j.html">生徒-jさん </a></th> <td>中学</td><td>女</td><td>豊島区</td><td>他の移動手段</td><td>(モノレール)</td> </tr> </tbody> </table> <!------高校のデータ-------> <p>高等学校の生徒<p> <table> <tbody class="高校"> <tr class="女 豊島区 自転車"> <th><a href="students_folder/021_HF-A.html">生徒-アさん </a></th> <td>高校</td><td style="color:red;">女</td><td>豊島区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="男 文京区 自転車"> <th><a href="students_folder/022_HM-B.html">生徒-イくん </a></th> <td>高校</td><td>男</td><td>文京区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="女 品川区 バス"> <th><a href="students_folder/023_HF-C.html">生徒-ウさん </a></th> <td>高校</td><td style="color:red;">女</td><td>品川区</td><td>バス</td><td>テキスト</td> </tr> <tr class="男 他の地域 他の移動手段"> <th><a href="students_folder/024_HM-D.html">生徒-エくん </a></th> <td>高校</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(千葉県 / ハイヤー)</td> </tr> <tr class="男 新宿区 地下鉄"> <th><a href="students_folder/025_HM-E.html">生徒-オくん </a></th> <td>高校</td><td>男</td><td>新宿区</td><td>地下鉄</td><td>テキスト</td> </tr> <tr class="男 文京区 徒歩"> <th><a href="students_folder/026_HM-F.html">生徒-カくん </a></th> <td>高校</td><td>男</td><td>文京区</td><td>徒歩</td><td>テキスト</td> </tr> <tr class="男 新宿区 電車"> <th><a href="students_folder/027_HM-G.html">生徒-キくん </a></th> <td>高校</td><td>男</td><td>新宿区</td><td>電車</td><td>テキスト</td> </tr> <tr class="男 品川区 バス"> <th><a href="students_folder/028_HM-H.html">生徒-クくん </a></th> <td>高校</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td> </tr> <tr class="女 文京区 自転車"> <th><a href="students_folder/029_HF-I.html">生徒-ケさん </a></th> <td>高校</td><td style="color:red;">女</td><td>文京区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="女 他の地域 他の移動手段"> <th><a href="students_folder/030_HF-J.html">生徒-コさん </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="students_folder/031_SF-a.html">生徒-亜さん </a></th> <td>専門学校</td><td style="color:red;">女</td><td>新宿区</td><td>バス</td><td>テキスト</td> </tr> <tr class="男 品川区 自転車"> <th><a href="students_folder/032_SM-b.html">生徒-医くん </a></th> <td>専門学校</td><td>男</td><td>品川区</td><td>自転車</td><td>テキスト</td> </tr> <tr class="女 品川区 電車"> <th><a href="students_folder/033_SF-c.html">生徒-右さん </a></th> <td>専門学校</td><td style="color:red;">女</td><td>品川区</td><td>電車</td><td>テキスト</td> </tr> <tr class="男 新宿区 徒歩"> <th><a href="students_folder/034_SM-d.html">生徒-絵くん </a></th> <td>専門学校</td><td>男</td><td>新宿区</td><td>徒歩</td><td>テキスト</td> </tr> <tr class="女 文京区 徒歩"> <th><a href="students_folder/035_SF-e.html">生徒-尾さん </a></th> <td>専門学校</td><td style="color:red;">女</td><td>文京区</td><td>徒歩</td><td>テキスト</td> </tr> <tr class="男 品川区 地下鉄"> <th><a href="students_folder/036_SM-f.html">生徒-加くん </a></th> <td>専門学校</td><td>男</td><td>品川区</td><td>地下鉄</td><td>テキスト</td> </tr> <tr class="男 他の地域 他の移動手段"> <th><a href="students_folder/037_SM-g.html">生徒-木くん </a></th> <td>専門学校</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(世田谷区 / スクーター)</td> </tr> <tr class="男 品川区 バス"> <th><a href="students_folder/038_SM-h.html">生徒-久くん </a></th> <td>専門学校</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td> </tr> <tr class="女 新宿区 電車"> <th><a href="students_folder/039_SF-i.html">生徒-計さん </a></th> <td>専門学校</td><td style="color:red;">女</td><td>新宿区</td><td>電車</td><td>テキスト</td> </tr> <tr class="女 他の地域 電車"> <th><a href="students_folder/040_生SF-j.html">生徒-古さん </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="students_folder/041_UF-A.html">生徒-あ-さん </a></th> <td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>バス</td><td>(千代田区)</td> </tr> <tr class="男 品川区 他の移動手段"> <th><a href="students_folder/042_UM-B.html">生徒-い-くん </a></th> <td>大学</td><td>男</td><td>品川区</td><td>他の移動手段</td><td>(オートバイ)</td> </tr> <tr class="女 他の地域 地下鉄"> <th><a href="students_folder/043_UF-C.html">生徒-う-さん </a></th> <td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>地下鉄</td><td>(葛飾区)</td> </tr> <tr class="男 新宿区 徒歩"> <th><a href="students_folder/044_UM-D.html">生徒-え-くん </a></th> <td>大学</td><td>男</td><td>新宿区</td><td>徒歩</td><td>テキスト</td> </tr> <tr class="女 他の地域 他の移動手段"> <th><a href="students_folder/045_UF-E.html">生徒-お-さん </a></th> <td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>他の移動手段</td><td>(カナダ / ジェット機)</td> </tr> <tr class="男 新宿区 電車"> <th><a href="students_folder/046_UM-F.html">生徒-か-くん </a></th> <td>大学</td><td>男</td><td>新宿区</td><td>電車</td><td>テキスト</td> </tr> <tr class="男 他の地域 他の移動手段"> <th><a href="students_folder/047_UM-G.html">生徒-き-くん </a></th> <td>大学</td><td>男</td><td>他の地域</td><td>他の移動手段</td><td>(沖縄県 / 船)</td> </tr> <tr class="男 品川区 バス"> <th><a href="students_folder/048_UM-H.html">生徒-く-くん </a></th> <td>大学</td><td>男</td><td>品川区</td><td>バス</td><td>テキスト</td> </tr> <tr class="女 他の地域 電車"> <th><a href="students_folder/049_UF-I.html">生徒-け-さん </a></th> <td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>電車</td><td>(千葉県)</td> </tr> <tr class="女 他の地域 他の移動手段"> <th><a href="students_folder/050_UF-J.html">生徒-こ-さん </a></th> <td>大学</td><td style="color:red;">女</td><td>他の地域</td><td>他の移動手段</td><td>(新潟県 / グライダー)</td> </tr> </tbody> </table> <hr> </main> <!----ここまでがすべての情報-----> <!------問題_000------> <h3>▼ 000: ◯学校の_「◯◯」通学をテスト表示</h3> <div class="Q_000"></div> <script> すくりぷと </script> </html>
<style>.ディスプレイ{display:none;}</style>
<script> const Q_000=document.querySelector(".Q_000"); const 問題_000=document.querySelectorAll("▲"); 問題_000.forEach(item=>Q_000.appendChild(item.cloneNode(true))); </script>
sample_STUDY_html_027_B.html サンプル・ダウンロード