昆虫図鑑のHTML(中間)
ここでは昆虫図鑑のHTMLの全ソースコードをまとめます。
昆虫図鑑のHTML全ソースコード
昆虫図鑑の意味内容を表すHTMLソースコードは一応できあがりました。
pb_insects.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>トップページ - 昆虫図鑑</title> </head> <body> <img src="images/logo.jpg" alt="昆虫図鑑" /> <ul> <li>トップページ</li> </ul> <h1>昆虫の仲間</h1> <p> 私たちの身の周りには、いろいろな昆虫が暮らしています。 その姿形は多種多様で、かたい前ばねを持つものもいれば、 鱗粉(りんぷん)で覆われた大きなはねを持つものもいます。 身を守る方法も様々で、植物の枝や強い生物に擬態(ぎたい)するものもいます。 昆虫たちは、進化の過程で驚くべき知恵を身につけていったのです。 </p> <p> 昆虫は知れば知るほど不思議な魅力にあふれています。<br />そんな昆虫たちの秘密を 探っていきましょう。 </p> <ul> <li>チョウの仲間(チョウ目)</li> <li><a href="beetles/beetles.html">カブトムシの仲間(コウチュウ目)</a></li> <li>ハチの仲間(ハチ目)</li> <li>トンボの仲間(トンボ目)</li> <li>セミ・カメムシの仲間(カメムシ目)</li> <li>バッタの仲間(バッタ目)</li> <li>ハエ・アブの仲間(ハエ目)</li> </ul> </body> </html>
beetles.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>コウチュウ目 - 昆虫図鑑</title> </head> <body> <img src="../images/logo.jpg" alt="昆虫図鑑" /> <ul> <li><a href="../pb_insects.html">トップページ</a> >></li> <li>コウチュウ目</li> </ul> <h2>カブトムシの仲間(コウチュウ目)</h2> <p> カブトムシの仲間は、からだ全体がかたい前ばねや皮ふでおおわれているので、 コウチュウ(甲虫)目と呼ばれます。 コウチュウ目にはクワガタムシやコガネムシも含まれます。 </p> <ul> <li> <a href="kabutomushi/kabutomushi.html"> <img src="kabutomushi/images/160_120.jpg" alt="カブトムシ" /><br /> カブトムシ </a> </li> <li> <a href="ookuwagata/ookuwagata.html"> <img src="ookuwagata/images/160_120.jpg" alt="オオクワガタ" /><br /> オオクワガタ </a> </li> </ul> </body> </html>
kabutomushi.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>カブトムシ - 昆虫図鑑</title> </head> <body> <img src="../../images/logo.jpg" alt="昆虫図鑑" /> <ul> <li><a href="../../pb_insects.html">トップページ</a> >></li> <li><a href="../beetles.html">コウチュウ目</a> >></li> <li>カブトムシ</li> </ul> <h3>カブトムシ</h3> <p> <img src="images/640_480.jpg" alt="カブトムシ" /> </p> <h4>昆虫データ</h4> <table> <tr> <th>分類</th><td>コウチュウ目コガネムシ科</td> </tr> <tr> <th>体長</th><td>全長40〜70mm</td> </tr> <tr> <th>発生時期</th><td>7〜8月</td> </tr> <tr> <th>分布</th><td>本州・四国・九州・沖縄</td> </tr> <tr> <th>食べ物</th><td>幼虫は腐った植物、成虫はクヌギなどの樹液。</td> </tr> </table> <h4>解説</h4> <p> 昆虫界の人気者。自分の体重の20倍のものを引っ張ることができる。 大きな角はけんかをするときの武器になる。 昼間は土の中にもぐったり、木の根元にじっとしていて、 夜にはクヌギなどの樹液に集まってくる。 かたい前ばねの下に隠されている後ばねを開いて飛ぶ。 </p> </body> </html>
ookuwagata.html
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8" /> <title>オオクワガタ - 昆虫図鑑</title> </head> <body> <img src="../../images/logo.jpg" alt="昆虫図鑑" /> <ul> <li><a href="../../pb_insects.html">トップページ</a> >></li> <li><a href="../beetles.html">コウチュウ目</a> >></li> <li>オオクワガタ</li> </ul> <h3>オオクワガタ</h3> <p> <img src="images/640_480.jpg" alt="オオクワガタ" /> </p> <h4>昆虫データ</h4> <table> <tr> <th>分類</th><td>コウチュウ目クワガタムシ科</td> </tr> <tr> <th>体長</th><td>おす32〜76mm めす30〜41mm</td> </tr> <tr> <th>発生時期</th><td>6〜9月</td> </tr> <tr> <th>分布</th><td>北海道・本州・四国・九州</td> </tr> <tr> <th>食べ物</th><td>幼虫は広葉樹のかれ木、成虫はクヌギなどの樹液。</td> </tr> </table> <h4>解説</h4> <p> カブトムシのライバル、クワガタムシの仲間。 がっしりしたフォルムの大きな体が特徴。 性格はおとなしく、危険を感じるとすぐに身を隠す。 昼間は木の穴や倒れた木の下にひそんでいて、 夜になるとクヌギなどの樹液を求めて動き回る。 幼虫で約2年間を過ごし、3年目の夏に羽化する。 </p> </body> </html>