まず、タグについてちょっとだけ説明を。。。
タグ（tag）っていうんは、「この部分をセンタリングしろ！」とか、「ここは文字を大きくしろ！」って命令するコマンドのことやねん。ほとんどのタグは、開始タグ( <****> )と、終了タグ( </****> )のペアでひとつの命令になっとります。
例：「この部分をセンタリングしろ！」←これをセンタリングさせる場合
<CENTER>この部分をセンタリングしろ！</CENTER>
ほんで、通常のテキストファイルと違ってＨＴＭＬ文書は、通常の改行やインデントが関係ないんで、次のように書いても意味は同じになります。
<CENTER>
この部分をセンタリングしろ！
</CENTER>
これだけわかればもう大丈夫(ホンマやで)。ほな、ホームページを作成してみましょか。まず、テキストエディタで次のように書いて下さい。（カット＆ペーストでもＯＫ！）
<HTML>
<HEAD>
<TITLE>マイホームページ</TITLE>
</HEAD>
<BODY>
<!--ここから本文-->
<!--ここまで本文-->
</BODY>
</HTML>
今書いたものを説明すると、、、
コメントタグはあっても無くてもカマヘンけど、それ以外のタグはＨＴＭＬ文書には絶対必要やから忘れたらアカンでぇ〜。
次はいよいよ本文を書いていきまっせぇ〜。本文で使ったらアカン文字や使い方に注意せなアカン文字が何個かあるから、先にそれを書いときますワ。
< > & " の半角文字は、使用不可！
全角を使うか、裏ワザ(ネームエンティティという記述方法)を使う。
↓
<は < >は > &は & "は "と書くと、ちゃんと表示される。
（このページをソース表示で見てみ）
それからＨＴＭＬファイルを保存するときは、次のことに気を付けてや。
・拡張子（属性）は「.htm」か「.html」（どちらでもＯＫ）
・ＨＴＭＬファイル名は小文字（もしくは大文字）に統一
ほんなら、これから書くタグの説明を参考にして「<!--ここから本文-->」
と「<!--ここまで本文-->」の間の行にいろいろと書いて、あなたのホーム
ページを作成してみてなぁ〜。
<H数字></H数字>：見出し（数字(1〜6)で文字の大きさが変わる 1が最大）
注）ボールド書体（太字）になって、前後に一行分のスペースが自動的に付く。
<H1>これは見出しです</H1>
↓
これは見出しです
<H数字 ALIGN="LEFT"></H数字>：レイアウトが左寄せの見出し
注）ALIGN="LEFT" を省略した場合も左寄せになる（上記参照）
<H2 ALIGN="LEFT">これは左寄せの見出しです</H2>
↓
これは左寄せの見出しです
<H数字 ALIGN="CENTER"></H数字>：レイアウトが中央揃えの見出し
注）<CENTER><H数字>＊＊＊</H数字></CENTER>と同じ
<H2 ALIGN="CENTER">これは中央揃えの見出しです</H2>
↓
これは中央揃えの見出しです
<H数字 ALIGN="RIGHT"></H数字>：レイアウトが右寄せの見出し
注）<DIV ALIGN="RIGHT"><H数字>＊＊＊</H数字></DIV>と同じ
<H2 ALIGN="RIGHT">これは右寄せの見出しです</H2>
↓
これは右寄せの見出しです
<FONT SIZE="数字"></FONT>：文章中の文字サイズを変更（数字(7〜1)でサイズ指定）
サイズは、<FONT SIZE="7">７が最大</FONT>です。
↓
サイズは、７が最大です。
<FONT COLOR="#16進数"></FONT>：文章中の文字色を変更
文字の<FONT COLOR="#0000FF">色を青</FONT>にする例です。
↓
文字の色を青にする例です。
文字の<FONT SIZE="5" COLOR="#FF0000">サイズが５で色が赤</FONT>の例。
↓
文字のサイズが５で色が赤の例。
16進数の例 白：#FFFFFF 白
黒：#000000 黒
赤：#FF0000 赤
緑：#00FF00 緑
青：#0000FF 青
黄：#FFFF00 黄
紫：#FF00FF 紫
水色：#00FFFF 水色
灰色：#AAAAAA 灰色
橙色：#FF5500 橙色
青灰色：#7777AA 青灰色
蛍光黄緑：#00FF11 蛍光黄緑
<B></B>：文字をボールド（太字）にする
<B>文字をボールド（太字）にする。</B>
↓
文字をボールド（太字）にする。
<I></I>：文字をイタリック（斜体）にする
<I>ＡＢＣＤ１２３４</I>
↓
ＡＢＣＤ１２３４
<SUP></SUP>：上付添字
これは<SUP>上付添字</SUP>
↓
これは上付添字
<SUB></SUB>：下付添字
これは<SUB>下付添字</SUB>
↓
これは下付添字
<BIG></BIG>：文字サイズを大きくする
注）サイズの指定はできません
<BIG>文字サイズを大きくする。</BIG>
↓
文字サイズを大きくする。
<SMALL></SMALL>：文字サイズを小さくする
注）サイズの指定はできません
<SMALL>文字サイズを小さくする。</SMALL>
↓
文字サイズを小さくする。
<TT></TT>：等幅フォント
これは<TT>「等幅フォント」です。</TT>
↓
これは「等幅フォント」です。
<ADDRESS></ADDRESS>：アドレス
アドレスや作成日、アップデート、クレジットの文責などに使う
<I>＊＊＊</I>と同じ（斜体になる）
<ADDRESS>
eiichi@interlink.or.jp<BR>
1997/04/25 by Shirokuma
</ADDRESS>
↓
eiichi@interlink.or.jp
1997/04/25 by Shirokuma
<BLINK></BLINK>：文字を点滅させる（ ← Netscapeのみ有効）
<BLINK>文字を点滅させる。</BLINK>
↓
<CENTER></CENTER>：センタリング（中央揃え）
<CENTER>この部分をセンタリングしろ！</CENTER>
↓
この部分をセンタリングしろ！
<DIV ALIGN="LEFT"></DIV>：左寄せ
<DIV ALIGN="LEFT">この部分を左寄せ！</DIV>
↓
この部分を左寄せ！
<DIV ALIGN="RIGHT"></DIV>：右寄せ
<DIV ALIGN="RIGHT">この部分を右寄せ！</DIV>
↓
この部分を右寄せ！
<BR>：改行
注）２つ以上並べた場合、ブラウザによって表示のされかたが違う
（１つの時と同じ効果になる（意味がない）ものがほとんど）
２つ以上並べるのは<BR>やめたほうがえぇで。
↓
２つ以上並べるのは
やめたほうがえぇで。
<P>：改行＋１行
注）２つ以上並べた場合、ブラウザによって表示のされかたが違う
（１つの時と同じ効果になる（意味がない）ものがほとんど）
また、<BR>と<P>を一緒に使っても、<P>のみ有効
これも２つ以上並べるのは<P>やめたほうがえぇで。
↓
これも２つ以上並べるのは
やめたほうがえぇで。
<PRE></PRE>：整形済みテキストの表示
<PRE>
このタグで囲んだ文章などは、スペース、改行、タブなどが
そのまま表示されます。 結構便利でっせ。(^^)
（注：ただし、等幅フォントで表示されます）
</PRE>
↓
このタグで囲んだ文章などは、スペース、改行、タブなどが
そのまま表示されます。 結構便利でっせ。(^^)
（注：ただし、等幅フォントで表示されます）
<BLOCKQUOTE></BLOCKQUOTE>：引用文
文章に注意を引かせたい時とか、文章を他と区別したい時に使う。
<BLOCKQUOTE>
これにはさまれた文章は、１ブロックと考えられて、そのブロックの上に１行、下に１行、左側にインデント、右側にある程度のスペースがあけられる。
</BLOCKQUOTE>
↓
これにはさまれた文章は、１ブロックと考えられて、そのブロックの上に１行、下に１行、左側にインデント、右側にある程度のスペースがあけられる。
<UL><LI><LI>...</UL>：単純な箇条書き
<UL>
箇条書きの種類
<LI>項目にブリット（黒丸）が付く箇条書き
<LI>項目に通し番号が付く箇条書き
<LI>用語表示の箇条書き
</UL>
↓
箇条書きの種類
- 項目にブリット（黒丸）が付く箇条書き
- 項目に通し番号が付く箇条書き
- 用語表示の箇条書き
<OL><LI><LI>...</OL>：番号付き箇条書き
<OL>
箇条書きの種類
<LI>項目にブリット（黒丸）が付く箇条書き
<LI>項目に通し番号が付く箇条書き
<LI>用語表示の箇条書き
</OL>
↓
箇条書きの種類
- 項目にブリット（黒丸）が付く箇条書き
- 項目に通し番号が付く箇条書き
- 用語表示の箇条書き
<DL><DT><DD>...</DL>：用語表示の箇条書き
<DL>
<DT>箇条書きの種類その１
<DD>項目にブリット（黒丸）が付く箇条書き
<DT>箇条書きの種類その２
<DD>項目に通し番号が付く箇条書き
<DT>箇条書きの種類その３
<DD>用語表示の箇条書き
</DL>
↓
- 箇条書きの種類その１
- 項目にブリット（黒丸）が付く箇条書き
- 箇条書きの種類その２
- 項目に通し番号が付く箇条書き
- 箇条書きの種類その３
- 用語表示の箇条書き
<HR>：罫線
<HR>と書くと
↓