テンプレート#017
こちらは2カラムサンプルです。
同梱ファイル
- index.html / インデックスページ
- main.html / トップページ
- sample.html / サンプルページ・2カラム用
- sample2.html / サンプルページ・1カラム用
- sample3.html / サンプルページ
- -----他
- imgフォルダ / 画像をまとめたフォルダ
- style.css / 外部CSS
いらないファイルは削除しちゃって下さい。
DLファイルにトップ画像とアイコン画像は含まれていません(サンプルです)。
h2,h3,h4見出し(タイトル)
サンプル文字。<em>強調です</em>
サンプル文字。<strong>より強い強調です</strong>
<del>サンプル文字。取り消しです</del>
<ins>サンプル文字。下線付きです</ins>
<p>テキスト部分。文章は<p>内に書くようにして下さい。</p>
<p class="blank1">下部余白少なめ</p>
<p class="blank2">下部余白多め</p>
<p class="small">テキスト部分の文字が小さくなるよ</p>
<p class="center">真ん中表示だよ</p>
画像などを真ん中に置く場合サンプル。
<p class="rireki">P段落の下に線が付くよ</p>
<p class="box1">装飾ボックスだよ</p>
- リストです。
- マーカーが付きます。
- リスト項目
- リストです。
- こっちは白丸。
- リスト項目
右カラム用:見出し
共通:普通のP段落
共通:文字を小さく
共通:真ん中表示だよ
共通:P段落の下に線が付くよ
共通:装飾ボックスだよ
- 共通:リスト。
- 共通:マーカー付き。
- 共通:リスト項目
- 共通:リスト。
- 共通:こっちは白丸。
- 共通:リスト項目