HTML の基礎
ほとんどのブラウザーには、閲覧するページの HTML ソースを調べる機能があります。 ソースを表示すると、テキストに混ざって、山かっこ (<>) で囲まれた多数の HTML (HyperText Markup Language) タグがあるのがわかります。
次の手順では、HTML タグを使用して単純な Web ページを作成します。 これらの手順では、メモ帳でファイルにプレーンテキストを入力し、数か所を変更してからファイルを保存し、ブラウザーでページを再度読み込んで、変更を確認します。
HTML ファイルを作成するには
メモ帳または任意のプレーンテキスト エディターを開きます。
[ファイル] メニューの [新規作成] を選択します。
以下の行を入力します。
<HTML> <HEAD> <TITLE>Top HTML Tags</TITLE> </HEAD> </HTML>[ファイル] メニューの [保存] を選択し、ファイルを c:\webpages\First.htm として保存します。 エディターで、ファイルは開いたままにしておきます。
ブラウザーに切り替え、[ファイル] メニューの [開く] を選択するか、ブラウザーの URL 編集ボックスに「file://C:/webpages/first.htm」と入力します。 ウィンドウ キャプションが "Top HTML Tags" である空のページが表示されるはずです。
タグはペアになっていて、山かっこで囲まれていることに注意してください。 タグでは大文字と小文字は区別されませんが、タグを目立たせるために、大文字がよく使用されます。
タグ <HTML> はドキュメントの開始であり、タグ </HTML> は終了です。 終了タグ (不要な場合もあります) は開始タグと同じですが、タグの前にスラッシュ (/) が付いています。 山かっこ (<) とタグの先頭の間には空白を入れないでください。
メモ帳に戻り、</HEAD> の行の後に、次のように入力します。
<BODY> HTML is swell. Life is good. </BODY>[ファイル] メニューの [保存] を選択します。
ブラウザーに戻って、ページを更新します。
ブラウザーのウィンドウのクライアント領域に、単語が表示されます。 キャリッジ リターンは無視されることに注意してください。 改行したい場合は、最初の行の後に
<BR>タグを含める必要があります。以下のすべての手順で、<BODY> と </BODY> の間の任意の場所にテキストを挿入し、ドキュメントの本文に追加します。
ヘッダーを追加します。
<H3>Here's the big picture</H3>ページと同じディレクトリに保存された .gif ファイルを使用して、画像を追加します。
<IMG src="yourfile.gif">一覧を追加します。
<UL>Make me an unordered list. <LI>One programmer</LI> <LI>Ten SDKs</LI> <LI>Great Internet Apps</LI> </UL>一覧に番号を付ける場合は、<UL> タグと </UL> タグの代わりに、<OL> タグと </OL> タグのペアを使用します。
ここから作業を開始できます。 Web ページに優れた機能が表示されている場合は、HTML ソースを調べて、それがどのように作成されたかを確認できます。 Microsoft Front Page などの HTML エディターを使用して、単純なページと高度なページの両方を作成できます。
次に、作成したファイルの HTML ソース全体を示します。
<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>
タグ、属性、および拡張機能の詳細な説明については、ハイパーテキスト マークアップ言語 (HTML) の仕様を参照してください。
W3C.org で公開されている最新のバージョンの HTML。