ｓａｍｐｌｅ（１）

HTMLサンプル　（１）　【　テキスト編　】
このページはＨＴＭＬを全く知らない人のために、作成しました。

まずは、このページのソースを表示してみてください。「ＩＥ４．０」の場合、メニューバーの「表示」→「ソース」をクリックすると「メモ帳」が起動し、このページを作っている「ＨＴＭＬソース」が表示されます。

ソース表示が出たら、「最大化」をしてメモ帳を画面いっぱいに表示してください。あとは「タスクバー」でブラウザとメモ帳を、交互に切り替えながらソースと表示を見て頂ければ、解りやすいです。

さて、それではここらで「色」の説明を・・。
色の指定は、通常　”＃ＲＲＧＧＢＢ”　で行われます。（他にも指定方法は有ります）

あとは、この色を混ぜ合わせることで、どのような色でも作ることが出来ます。

さて、それでは、文字の配置を替えてみましょう。

文字のセンタリングは、
ＣＥＮＴＥＲタグで挟むことによってできます。
これは、文字だけでなく、絵などでも同じです。

右に寄せる場合は、ＤＩＶタグを使います。
ＤＩＶタグは文章のひとつのまとまりを表し、これだけでは何の意味も持ちませんが
これに「右寄せ」のオプションを付けることによって出来るのです。
配置を決めるオプションは　「ＡＬＩＧＮ」　です。

ほーら！！右に寄ったでしょ。
カンタン、カンタン！

あとは、文字の大きさ指定です。文字の大きさを指定する方法にはいくつか有ります。

まず、文字の大きさを直接指定する方法です。ＦＯＮＴタグにＳＩＺＥオプションを付けて使用します。サイズは「１～７」まであり、一般的なデフォルト（初期設定値）は「３」に設定されています。

これが「サイズ７」の文字です
これが「サイズ４」の文字です
これが「サイズ１」の文字です

次に、デフォルトに対しての指定のしかたです。ブラウザの文字指定は使っている人の環境によってまちまちです。例えば「　ＩＥ　」なら、メニューバーの「表示」→「フォント」とたどると「最大」から「最小」まで、５段階に設定できます。
そこで、この「設定値」に対して指定します。

サイズをひとつ小さくします
サイズをふたつ大きくします

また、ひとつだけ大きく（小さく）する場合は、こんな方法もあります。

ひとつ大きくなります
ひとつ小さくなります

それから、ＦＯＮＴタグのオプションは、続けて指定することが出来ます。
例えば　「フォントサイズを”５”、色を”赤”」　にする場合は

これが指定された文字で～すとなります。

最後に「太字（ボルドー）」と「斜体（イタリック）」の指定です。太字には”Ｂ”を、斜体には”Ｉ”を使います。また、「下線（アンダーライン）」を入れるには”Ｕ”です。

これが太字だよ
これがイタリック
アンダーラインがはいります

これらを複合することによって、さまざまな表現が可能です。

これだけ の文字に こんなに指定しなきゃならないなんて・・・。

さて、ここまで出来たら、今度は実際に自分でいじくってみましょう。

まず、メモ帳で開いたこの文章を自分のパソコンの適当なフォルダに保存します。
方法は次のように・・・

メニューバーの「ファイル」→「名前を付けて保存」を選択

保存したいフォルダを開いて

「名前」の部分に「○○○．ｈｔｍｌ」（例：ｓａｍｐｌｅ０１．ｈｔｍｌ）と付ける
（ここでは必ず拡張子、ピリオドＨＴＭＬを付けてください）

「保存ボタン」を押して、ファイルを保存する

保存したファイルのあるフォルダに移動する

保存したファイルをダブルクリックする。ブラウザが起動し保存したこのページが開く

最初と同様「表示」→「ソース」とたどって「メモ帳」でソースを開く

これで、このページの編集が可能となります。あとは、

この動作を繰り返して、色々やってみてください。
例えば、最初のこのページのバックグラウンドカラーの指定「ＢＧＣＯＬＯＲ＝”ＦＦＦＦＦＦ”」を適当な数字に替えてみる、とか、文字色を替えてみたり、配置をいじってみたり・・。

全部削除して、自分のページを作ってみるのもおもしろいでしょう。

以上、これで皆さんも「ＨＴＭＬ」のことが、少しは解っていただけたでしょうか？
今回は、一番のベースとなる「テキスト」関連の事を書かせていただきました。
今後も暇さえあれば？「イメージ（絵）」や「リンク」「フレーム」などについても、書きたいと思ってます。（いったいいつになることやら・・・？！）

それでは、その時まで！！　　(^.^)/~~~

MENUに戻る