DOMの課題に共通の作成例です。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <style type="text/css"> h2{ border:1px #99ff99 solid; background-color: #99ff99 ; color:#003366; padding: 0.1% 2%; } /* 必要に応じて変更・追加 */ </style> <script type="text/javascript"> // ここにスクリプトを書きます。 </script> <title>サンプル</title> </head> <body> <p><a href="index.html">目次</a></p> <h1>必要ならページの主題</h1> <!-- bodyに書くと説明されているものはこの部分に書きます。 --> <h2 id="koko">必要なら見出し(必要ならidも)</h2> <p>必要なら説明を書きます。</p> <p>画像が必要ならこんな感じ。</p> <p> <img src="images/n1.png" alt=""> <img src="images/n2.png" alt=""> ......すでにある画像を使うか、新たに作る </p> <p>イベントハンドラが必要ならこんな記述があるかもしれません。</p> <p><span onclick="hogehoge()">ボタンの文字</span></p> <hr> <address> 聖愛中学高等学校 </address> </body> </html>