HTMLのベーステンプレート

HTML
スポンサーリンク

こんにちは、朱夏です。

今回はwebサイト作成で最初のベースとなる部分のひな形を作ってみました。

<!DOCTYPE html>
<html lang=”ja”>
    <head>
        <meta charset=”UTF-8″>
        <title>タイトル</title>
        <link rel=”stylesheet” href=”css/style.css”>
        <meta name=”description” content=”サイトキャプションを入力”>
        <meta name=”keywords” content=”サイトキーワードを,で区切って入力”>
       <!–[if lt IE 9]>
       <script src=”http://html5shiv.googlecode.com/svn/trunk/html5.js”></script>
       <script src=”http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js”></script>
       <![endif]–>
    <script src=”js/sample.js”></script>
    </head>
    <body>
       <!—– ヘッダー —–>
       <header>ヘッダー</header>
       <nav>ナビ</nav>
       <!—– ヘッダー END —–>
       <!—– メインコンテンツ —–>
       <div class=””>
          <h1>タイトル</h1>
          <div class=””>
             <h2>コンテンツタイトル</h2>
             <p>コンテンツの内容</p>
          </div>
         </div>
       <!—– メインコンテンツ END —–>
       <!—– フッター —–>
        <footer>
            <p class=””>(c)test.com</p>
        </footer>
       <!—– フッター END —–>
    </body>
</html>

まずは簡単に。

これを基礎に肉付けしていく感じでやっていこうと思います。

タイトルとURLをコピーしました