• 1.大見出し
• 2.中見出し
• 3.小見出し
• 4.通常のテキスト
• 5.小さいテキスト
• 6.罫線つきテキスト
• 7.箇条書き
• 8.引用文
• 9.「トップページへ」リンク
• 10.テキスト＋画像
• 11.テキスト＋画像×３
• 12.テーブルレイアウト
• 13.ボーダーライン

• すべてのソースをダウンロードする場合はこちら>>

<div class="headline">
<h1>大見出し</h1>
</div>

<div class="headline">
<h2>中見出し・黒<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

<div class="headline">
<h2 class="orange">中見出し・オレンジ<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

<div class="headline">
<h2 class="green">中見出し・グリーン<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

<div class="headline">
<h2 class="blue">中見出し・ブルー<br />
<span class="disc">ここに文章を入れることもできます</span></h2>
</div>

このソースをダウンロードする>>

<div class="headline">
<h3>■小見出し・黒</h3>
</div>

このソースをダウンロードする>>

<div class="headline">
<h3 class="orange">■小見出し・オレンジ</h3>
</div>

このソースをダウンロードする>>

<div class="headline">
<h3 class="green">■小見出し・グリーン</h3>
</div>

このソースをダウンロードする>>

<div class="headline">
<h3 class="blue">■小見出し・ブルー</h3>
</div>

このソースをダウンロードする>>

• フォントサイズ：12px
• フォントカラー：黒（#4d4d4d）

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

• フォントサイズ：12px
• フォントカラー：ブルー（#006699）

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry0">
<p>
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

<div class="entry0">
<p class="blue">
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

• フォントサイズ：10px
• フォントカラー：黒（#4d4d4d）

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

• フォントサイズ：10px
• フォントカラー：青（#006699）

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry0">
<p class="cap">
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

<div class="entry0">
<p class="cap_blue">
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry1">
<p>
ここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

• ここに本文が入りますここに本文が入りますここに本文が入ります
• ここに本文が入りますここに本文が入りますここに本文が入ります
• ここに本文が入りますここに本文が入りますここに本文が入ります
• ここに本文が入りますここに本文が入りますここに本文が入ります
• ここに本文が入りますここに本文が入りますここに本文が入ります
• ここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry5">
<ul>
<li>ここに本文が入ります</li>
<li>ここに本文が入ります</li>
<li>ここに本文が入ります</li>
<li>ここに本文が入ります</li>
</ul>
</div>

このソースをダウンロードする>>

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry6">
<blockquote>
ここに本文が入ります
</blockquote>
</div>

このソースをダウンロードする>>

<p class="page_top"><a href="#pagetop">ページトップへ▲</a></p>

このソースをダウンロードする>>

注釈を入れることができます

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry3">
<div class="entry3_L">
<img src="{画像のパスを入力}" width="{画像の幅}" height="{画像の高}" alt="代替テキスト" class="photo" border="0" /><br />
<span class="caution">
注釈を入れることができます
</span>
</div>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<br clear="all" />

このソースをダウンロードする>>

注釈を入れることができます

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry3">
<div class="entry3_R">
<img src="{画像のパスを入力}" width="{画像の幅}" height="{画像の高}" alt="代替テキスト" class="photo" border="0" /><br />
<span class="caution">
注釈を入れることができます
</span>
</div>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<br clear="all" />

このソースをダウンロードする>>

ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります

<div class="entry4">
<img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="代替テキスト" />
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>

このソースをダウンロードする>>

<div id="layout1">
<h2><img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="{代替テキスト}" /></h2>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<div id="layout2">
<h2><img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="{代替テキスト}" /></h2>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<div id="layout3">
<h2><img src="{画像のパス}" width="{画像の幅}" height="{画像の高}" alt="{代替テキスト}" /></h2>
<p>
ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります
</p>
</div>
<br clear="all" />

このソースをダウンロードする>>

<table class="table_module">
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
<tr>
<th>ここに本文が入ります</th>
<td>ここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入りますここに本文が入ります</td>
</tr>
</table>

このソースをダウンロードする>>

<p class="line"></p>

このソースをダウンロードする>>