<!DOCTYPE html> <html lang="ja"> <head> <title>Torinonaha</title> <link rel="stylesheet" type="text/css" href="toriquiz.css"> <script type="text/javascript" src="toriquiz.js"></script> </head> <body> <h1>野鳥クイズ</h1> <p>4択クイズだよ!スタートボタンを押してね!</p> <br> <div class="quiz"> <p><button id="start" type="button" value=START>クイズスタート!</button></p> <p class=lead id="hint">選択肢の鳥はみんな「猛禽類」と呼ばれる鳥だよ</p> <img class="first" id="photo" src=https://www.yatex.org/gitbucket/koeki-Map/wildlife/raw/314cbe5a5bc0c83caadb30a9e19630528298504b/photo/2021/07-09/08-16-Misago-5.jpg alt="野鳥の写真"> <table> <tr> <td><button class="tori" type="button" value=OPTION>ノスリ</button></td> <td><button class="toti" type="button" value=OPTION>ミサゴ</button></td> </tr> <tr> <td><button class="tori" type="button" value=OPTION>トビ</button></td> <td><button class="tori" type="button" value=OPTION>チュウヒ</button></td> </tr> </table> </div> </body> </html>