ホームページ基礎知識講座「第２章 HTMLの基本」

■ホームページ基礎知識

1章； HTML入門
2章； HTMLの基本
3章；リンクについて
4章；文章の整形
5章；ファイル転送
6章；画像について

■基礎知識「中級編」

■基礎知識「上級編」

■HTML リファレンス

・基本構成編
・リンク編
・フォント編
・テキスト編
・画像編
・リスト編
・テーブル編
・フレーム編
・フォーム編
・拡張タグ編
・カラー編

■アクセスアップの方法

・評価の高いサイト
・SEOのメリット
・SEO関連語句解説

■相互リンクについて

お勧めレンタルサーバー

■お勧め独自ドメインプラン
違うURLサイト複数製作可

□相互リンクでSEO!
□やきぶたサーチSEO
□アクセスアップ無料情報
□ホームページ作成講座
□アクセスアップSEO
□格安レンタルサーバー
　Ｌ無料レンタルサーバー
□チャ－シューメンズ倶楽部
□アクセスアップ同好会
□ページランクマスター上位
□無料ブログ比較＆サンプル

A8.net:広告

■ HTMLドキュメントの作成

では、実際にHTMLを使ってドキュメントを作成してみましょう。 HTMLのドキュメントを書くには、Windowsならばメモ帳やワードパッド、MacintoshならばSimpleTextなどのテキストエディタがあれば十分です。一つ注意してもらいたいのは、HTMLファイルを保存する時には、常にテキスト形式でしなくてはいけないことに注意してください。

■ HTMLファイルの保存方法

HTMLファイルはテキスト形式で保存しなくてはいけないのは前述しましたが、このときファイル名の最後に.html または.htmという拡張子（最後のピリオドより後の部分）をつけてください。そうすれば、HTMLのブラウザの多くは、ファイルの拡張子を見てそれがHTMLのファイルか単純なテキストファイルかを判断します。

HTMLの構造

HTMLには３種類の｢ドキュメント構造タグ｣があり、これらを使ってドキュメントの全体的な構造を記述します。実際に画面上に影響を与えることはほとんどありませんが、このタグのおかげでどのようなマシンでブラウズしても問題がおこらないクロスプラットフォーム性を実現しています。

`<HTML></HTML>`

すべてのHTMLドキュメントに表れる最初のドキュメント構造タグは、 <HTML>タグです。このタグはこのファイルの内容が HTML言語で書かれていることを示すものです。全てのHTMLのドキュメントは、下記のように <HTML>タグで囲まれていなければなりません。

`<HEAD></HEAD>`

<HEAD>タグに囲まれている部分はその文章におけるヘッダ（頭書き）です。ドキュメントの<HEAD>部分には、ドキュメントのタイトル、制作者の情報、日付などブラウザに現れない情報を記入することが出来ます。ヘッダ内には、けっしてドキュメントの本文は書きません。

`<TITLE></TITLE>`

すべてのHTMLドキュメントはタイトル（表題）を持ち、 <TITLE>タグを使って指定します。 <TITLE>タグはヘッダの中に書きます。このタグによって記述された内容は多くの場合ブラウザのウインドウのタイトルバーに表示されます。現在のページでは「ホームページ基礎知識講座「第２章 HTMLの基本」」となっています。

ドキュメントのタイトルを２つ以上書くことはできません。また、タイトルにはテキスト以外のもの（他のタグやリンクなど）を含むことはできません。

`<BODY></BODY>`

<HEAD>タグに続いて記述し、HTMLドキュメントのその他の要素すべて（テキスト、リンク、画像、絵など）は <BODY>タグに囲まれます。つまり<BODY>タグに囲まれた部分が本文と言う意味なのです。またこの<BODY>タグにはオプションがありそれを指定することでそのページの基本的なレイアウト（背景の色、テキストの色とかリンクの色など）を決めることができます。

<BODY BGCOLOR=#xxxxxx>
この記述で背景色が決まります。xxxxxxのところで１６進数を用いて色を指定します。色の指定の仕方は後述します。
<BODY TEXT=#xxxxxx>
通常のテキストの色の指定をします。
<BODY LINK=#xxxxxx>
リンク色の指定をします。
<BODY VLINK=#xxxxxx>
行ったことのあるリンクの指定をします。vlinkとは「visited link」です。
<BODY ALINK=#xxxxxx>
リンクをクリックしたときに一瞬だけなる色の指定をします。
<BODY BACKGROUND="背景のグラフィックの名前">
背景に貼る画像ファイルの指定をします。グラフィックファイルについては後で紹介します。

これらのオプションは<BODY>タグを書く際に一緒に書きます。
<BODY bgcolor=#ffffdd link=#ffff00 vlink=#0000ff>

以上のことをまとめると、基本的なHTMLドキュメントは以下のようになります。

見出し・段落・コメント

`<Hn></Hn>`　見出し

<Hn>タグ(Header)はそのページの見出しや小見出しを示すために使われます。見出しのレベルには６レベルあり、nのところをそれぞれ１～６まで変えることによってそれぞれ違うレベルの見出しを示します。タグを終了するときに開始したときのレベルと違うレベルで終了してしまうと、修了タグが無いとみなされ表示がおかしくなってしまいます。

この見出しタグを用いると大きい文字や太い文字などで他のテキストよりも目立つように表現されます。
しかし太字で表示させたり、目立たせたりする目的でこのタグを使うべきではありません。
検索エンジンでは、このタグでマークアップされた語句や文章はそのページ内の中でも重要であるとみなし、重要視します。そのページ内で強調したい部分（本文内で重要と思われる文章や語句）に使うようにしましょう。