こんにちは、朱夏です。
今回は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>
まずは簡単に。
これを基礎に肉付けしていく感じでやっていこうと思います。