ほとんどのブラウザーには、参照するページの HTML ソースを調べる機能があります。 ソースを表示すると、複数の HTML (ハイパーテキスト マークアップ言語) タグが山かっこ (<>) で囲まれ、テキストが散在しています。
次の手順では、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) の仕様を参照してください。