ここにページタイトル

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

ようこそHTMLテンプレート配布サイトk2-s.comへ。

このHTMLテンプレートはスタイルシートでレイアウトされています。このページに解説されているようにHTMLを記述していけば、 簡単にあなたのホームページが出来上がります。

まずはこの一番上のページのタイトルの記述は
<h1>ここにページタイトル</h1>
と記述します。

続いてのページのサブタイトルは、
<h2>ここはページのサブタイトル</h2>
と記述します。サブタイトルはページ中の見出しのように使っていただくとよいでしょう。

こんな感じの見出し

これは、<h3>こんな感じの見出し</h3>

別の色の見出し

そしてこれは、<h4>別の色の見出し</h4>

本文の記述方法

さっきから書いているこの本文の記述は、
<p class="r_f1">ここに本文</p>
というように記述してください。もっとも頻繁に使う記述でしょう。ページにアクセントをつけつた目にもいくつか別のパターンも

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
この部分の記述は、<p class="r_f2">ここに本文</p>

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
この部分の記述は、<p class="r_f3">ここに本文</p>

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
この部分の記述は、<p class="r_f4">ここに本文</p>

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
この部分の記述は、<p class="r_f5">ここに本文</p>

あいうえお、かきくけこ、さしすせそ、たちつてと、なにぬねの、はひふへほ、まみむめも、やゆよ、らりるれろ、わをん
この部分の記述は、<p class="r_f6">ここに本文</p>

文中のリンクの表示

ページの文中にリンクを作成するとどんな表示になるか…
リンク
HTMLテンプレート-k2-s.com-
リンク集にでも入れてくれたらうれしいです。

画像ファイルについて

タイトル画像は、360×100ピクセルです。同じフォルダに文字の入っていない title1.gifというものが入っていますのでお持ちの編集ソフトなどで加工してから、title.gifという名前で上書き保存してください。

左の背景画像は、360×900ピクセルです。真ん中の色が薄くなっている部分も背景画像で作成していますので、 これを入れ替えるにはそれなりのソフトが必要ですね。
ちなみに真ん中の色の薄い部分は、幅300ピクセル、位置左から40ピクセルです。