1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html lang="ja">
    1. <head>
      • <meta> 文字コード
      • <meta> スタイルシート宣言
      • <title> サイトタイトル
      • <link> スタイルシート読み込み
      </head>
    2. <body>
      1. <div id="PAGETOP">
        1. <div id="HEADER">
          1. <h1> サイトタイトル </h1>
          2. <ul id="PAN">
            1. <li>index</li>
            </ul>
          </div>
        2. <hr>
        3. <div id="MENU">
          1. <h2> menu </h2>
          2. <ul>
            1. <li id="MENU01" class="menu-on">メニュー項目1</li>
            2. <li id="MENU02">メニュー項目2</li>
            3. <li id="MENU03">メニュー項目3</li>
            4. <li id="MENU04">メニュー項目4</li>
            </ul>
          </div>
        4. <hr>
        5. <div id="KIZI">
          1. <h2> 記事見出し1 </h2>
          2. <div class="text">
            1. 記事内容1
            2. <ul class="modori">
              1. <li><a href="#PAGETP">TOP</a></li>
              </ul>
            </div>
          3. <hr>
          4. <h2> 記事見出し2 </h2>
          5. <div class="text">
            1. 記事内容2
            2. <ul class="modori">
              1. <li><a href="#PAGETP">TOP</a></li>
              </ul>
            </div>
          6. <hr>
          </div>
        6. <div id="FOOTER">
          1. <h2> 連絡先 </h2>
          2. <ul>
            1. <li id="FOOTER01"><a href="#PAGETOP">TOP</a></li>
            2. <li id="FOOTER02"><address><a href="連絡先アドレス">mail</a></address></li>
            3. <li id="FOOTER03"><address><a href="http://css-designplate.info">cssdesignplate</a></address></li>
            </ul>
          </div>
        </div>
      </body>
    </html>

戻る