HTMLソースを説明していきます。
HTMLソースsample5.htmlの注意事項を赤い字で記しています。
重複する箇所は省略しています。（但し、重要な箇所は残します）
−−−−−−−−−−−−−−−−−前略−−−−−−−−−−−−−−−−−
<link rel="start" href="sample5.html" />
<link href="style5.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="container"> コンテナーブロックの開始
<div id="banner"> バナーブロックの開始
<h1>HTMLCSS.biz-ホームページ制作講座</h1>
</div> バナーブロックの終了
<div id="contents"> コンテンツブロックの開始
<div class="indtp"> スタイルシートでボックスを設定
<h2>初心者がHTMLとスタイルシートを使いこなせるようになる事を目指すホームページ作成講座</h2>
</div> ボックスの終了
<p>「HTMLCSS.biz-ホームページ制作講座」はHTMLとスタイルシート(CSS)が始めての人が、本格的な商用ホームページやアフィリエイトサイトを作成出来るようになる事を目的としています。<br />
−−−−−−−−−−−−−−−−−中略−−−−−−−−−−−−−−−−−
<h3>当教材の構成について</h3> スタイルシートでボックスと連結させ、表風にしている
<div class="indtp2"> スタイルシートでボックスを設定
<p>このマニュアル<br />
HTMLファイル、sample1.html〜sample8.html<br />
スタイルシート、style1.css〜style8.css
</p>
</div> ボックスの終了
<h3>HTMLについて</h3> スタイルシートでボックスと連結させ、表風にしている
<div class="indtp2"> スタイルシートでボックスを設定
<p>HTMLとは<span class="cont"> スタイルシートでリンクを設定
<a href="http://ja.wikipedia.org/wiki/HyperText_Markup_Language">
HyperText Markup Language</a></span>の略です。文書の論理的な構造を示す言語です。<br />
HTMLは<span class="cont">
−−−−−−−−−−−−−−−−−中略−−−−−−−−−−−−−−−−−
<br />
</div> コンテンツブロックの終了
<div id="rightsidebar"> 右ナビゲーションブロックの開始
<ul>
<li><span class="rgt"><a href="../1/sample1.html">サンプル１<br />１カラムレイアウトその１</a></span></li>
−−−−−−−−−−−−−−−−−中略−−−−−−−−−−−−−−−−−
<li><span class="rgt"><a href="../8/sample8.html">サンプル８<br />３カラムレイアウトその２</a></span></li>
</ul>
</div> 右ナビゲーションブロックの終了
</div> コンテナーブロックの終了
−−−−−−−−−−−−−−−−−中略−−−−−−−−−−−−−−−−−
</html>
スタイルシートの説明にお進み下さい。メニューは上部にあります。