目次

DOMの課題に共通の作成例です。


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja">
<head>
<meta http-equiv="content-type" content="text/html; 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>

ウェブページ(Dec.2010)
聖愛中学高等学校
http://www.seiai.ed.jp/