ここにページのタイトル

ここにページのサブタイトル

一番上のページのタイトルの書き方は、
<h1>ここにページのタイトル</h1>

その次のページのサブタイトルの書き方は、
<h2>ここにページのサブタイトル</h2>
となります。

そしてこの文章、今読んでおられるこの部分の記述は、
<p class="f1">ここに内容を書きます</p>
適当に改行したりしてご利用ください。

ページの内容の記述方法

通常の文章は上の書き方だけでもよいかもしれませんが少しメリハリをつけるためにもいくつかほかの書き方を… 全部スタイルシートで指定していますので、class=f1のf2…とかに変更すればよいだけです。

もちろんわかる方はstyle.cssで好きに変更してください。

まずこのように枠でくくるには、
<p class="f2">ここに内容を書いて</p>
とすればよいです。
あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、わをん

続いて、その枠をドットにします。使い分ける意味があるかわかりませんがお好きに使ってください。
書き方は、
<p class="f3">ここに内容を書いて</p>
です。

さらに、背景に色がついたものは、
<p class="f4">ここに内容を書いて</p>
です。

そして枠の色が違うものは、こんな感じで、
<p class="f5">ここに内容を書いて</p>

ページ中のリンク

ページ中のリンクをスタイルシートで指定しています。
リンク
HTMLテンプレート-k2-s.com-
リンク集にでも入れておいていただけたらうれしいです。

トップページ
メニュー1
メニュー2
メニュー3
メニュー4
メニュー5

新着情報

上のメニュー(リンク)の書き方は、
<div><a href="リンク先アドレス" class="menu">リンクの名前</a></div>

タイトルの書き方

この部分のタイトルの書き方は、
<h3>ここにタイトル</h3>です。

文章の書き方

ここの文章の書き方は、
<p class="right_com1">ここに内容を記述</p>

このボックスの作り方

ここのボックスは、
<div class="left_box1">ここにボックスの中身</div>
ボックスの中身には上のタイトル、文章の書き方に基づいた書式で入れてください。

Copyright© 2005-2007
k2-s.com All Rights Reserved.
HTML Templates