Number.008 / シンプルなテンプレート

こちらはファイル名を「index.html」、文字コードを「utf-8」として保存してください。

HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>あなたのHPタイトル</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="ページの説明">
<meta name="keywords" content="ページのキーワードA,B,C">
<link rel="stylesheet" href="index.css">
</head>
<body>
<div id="outer">
<header><div id="header-inner"><h1>あなたのHPタイトル</h1>
</div></header>
<main><div id="text">
<h2>記事ページ見出し・大</h2>
<p>文章あれこれ</p>
<h3>記事ページ見出し・中</h3>
<p>文章あれこれ</p>
<h4>記事ページ見出し・小</h4>
<p>文章あれこれ</p>
</div>
</main>
<aside>
<div class="side-title">menu</div>
<div class="side">
<ul>
<li>記事ページへのリンク</li>
<li>記事ページへのリンク</li>
</ul>
</div>
</aside>
<footer>© 2010 あなたのホームページ</footer>
</div></body>
</html>コピーボタンコピーチェックボタン

こちらはCSSになります。「index.css」として保存してください。
文字コードは「utf-8」で保存してください。

CSS
コピーボタンコピーチェックボタン

HOME > 1コラム・シンプル