これより更に詳しくホームページを作成していく。
より簡単にホームページの体裁を
整える為にスタイルシートを挿入する必要がある場合もままある。
スタイルシートとは、
「文書の見栄えに関する情報をひとまとめにした、文書の雛形のこと。」
スタイルシートを挿入する場所は、
編集モードツールバの青枠HTMLソースをクリックします。

</head>の前に<style type="text/css"> <!-- --> </style>を挿入し、
<!--  -->の間にこれから紹介するスタイルシートを挿入します。

当サイトでは、
文字の基本サイズや行間隔をスタイルシートで指定しました。
なぜか？それは、Netscapeの初期設定だと下記のようになります。

しかし、これだと文字サイズや行間隔が見づらい。

最初にスタイルシートを</head>の前に↓のように挿入しました。

---- letter-spacingは、挿入しませんでしたが、これは文字間隔です。
letter-spacingは、%でなくpxで設定します。 ----
数値は御自分の好みで構いません。他も%でなくpxでも構いません。

しかし、ある表(テーブル)やセルにおいてスタイルシートで指定した
基本の文字サイズ、文字間隔、行間隔を変更したい場合はどうするのか？
もちろん、下記図赤枠□、青枠-aや緑線+aで、文字を変えることがきます。

が、文字間隔や行間隔まで変えることができません。
変えるには、文字の指定を変換をします。
表またはセルにカーソルをおいて右クリックし
表のセルのプロパティを表示＞青枠詳細編集をクリックします。

青枠本文のスタイルをクリツクし、赤枠プロパティ、値に
font-size 80%、 letter-spacing 、21px; line-height 、150%等と
入力するとこれにより
新たに指定した文字サイズ、文字間隔や行間隔に変更できます。

これから文章を入力していきます。
今までは、下記図赤枠本文のスタイルで文字を入力してきました。

文章を入力するには段落タグを利用します。

但し、
メニュータイトルなど、1行に満たない程度の短い文字を段落で指定しても
検索エンジンには段落とは見なさないようなので、
<p>タグで指定する必要はないようです。
(かと言って<p>タグで囲んでも問題はないようです。)

改行するには、Enterを押します。<br>タグで改行されます。
Enterを３回押すと<p>〜</p>から<p>〜と段落が変わります。
段落が変わると下図の赤枠のように１行分スペースが空きます。

もし、このように１行分スペースが空くことによりレイアウトが崩れるのを
嫌うのなら↓の赤字スタイルシート挿入します。
これにより<p>〜</p>から<p>〜と段落が変わっても
１行分スペースが空くことはありません。

赤枠書式ツールバーの▼をクリツクすると

下記図のように表示され、見出しタグなどを指定できます。
見出し１、見出し２などの説明やその文字サイズの変更の仕方も
先にもしましたが、ここでは更に詳しい説明をしていきます。

見出しタグは、文字サイズが大きくなったり、
下にスペースが出たりSEO対策上大切だが扱いにくい？
例えば、<h1>と指定した下図赤枠見出し1の文字の下に
テキスト文字などを入力するとその間に青枠スペースができます。
これをあなたのレイアウトに合った
文字サイズや余白指定になるように設定します。

jまた、<h1>と指定した下図赤枠見出し1の文字をテーブルで囲むと 赤枠のようにNetscapeでは表示されるが、 アップロードすると青枠のように緑枠スペースが出てしまう。
コンテンツの配置は→

では、これらを修正します。
ステータスバーの赤枠<h1>を右クリックして詳細プロパティをクリック。

下図のように文字サイズ、行間が変換されました。
テーブルの高さを更に小さく指定するにはこちらをご覧下さい。

しかし、文字は太字のままです。
これを修正する場合は、上記と同様に緑枠本文のスタイルにおいて
font-weight normalを入力します。

見出しの文字サイズや余白等を
上記のように一つ一つ指定するのは大変です。
これもスタイルシートを利用すると簡単です。以下をご覧下さい。
もちろん、太字のままの場合は font-weight :normal;は入力しません。
数値は御自分の好みで構いません。%でなくpxでも構いません。

見出しタグ、段落タグや<small>タグ等を変換したり削除したりするのは
赤枠編集モードツールバーのHTMLタグや青枠ステータスバーに
表示されるタグをクリツクすることにより簡単にできます。
特に青枠ステータスバーに表示されるタグをクリックする事をお勧めします。

例えば、カーソルを変更、削除したい文字におきクリックします。
ステータスバーの赤枠<h1>を右クリックすると、
青枠のように表示されここからタグの変更、削除ができます。