HTMLの基礎

ホームページを作るにあたって必要なHTMLの基礎の基礎をご紹介します。

HTMLを使ってページを作るときは、メモ帳やワードパッド、SimpleTextなどのテキストエディタで作ることができます。ファイルはテキスト形式で保存して、ファイル名の最後に.htmlという拡張子をつける事を忘れないようにしてください。

<HTML> < /HTML>

HTMLファイルの最初のタグは必ず<HTML>タグです。このタグはこのファイルの内容がHTML言語で書かれていることあらわしているもので、<HTML > </HTML >タグで囲まれていないとブラウザで確認したときにページは表示されません

< HEAD>< /HEAD>

このタグに囲まれている部分はその文章の頭書きですの部分です。そこには、タイトル、制作者の情報や日付などブラウザに表示されない情報を記入することが出来ます。本文をここに打ってはいけません。

< TITLE>< /TITLE>

このタグの間にタイトルを入れます。このタグはヘッダの中に書きます。このタイトルはタイトルバーに表示されます。

< BODY>< /BODY>

<HEAD>の後に続いて書きます。テキスト、リンク、画像、絵などすべての要素が<BODY>タグに囲まれます。つまりここが本文、ブラウザに表示されるのもこの部分の内容になります。またこの<BODY>タグにはオプションがありそれを指定することでそのページの基本的なレイアウト(背景の色、テキストの色とか大きさとかリンクの色など)を決めることができます。

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

< HTML>
< HEAD>
< TITLE>タイトル< /TITLE>
< /HEAD>
< BODY>
本文
< /BOD>
< /HTML>

ここさえできていれば、後は本文に内容を書き込んでいくだけです。

本文内で使用する基本的なタグ

< P>< /P>
このタグはタグは段落を表し改行すると同時に空行を1行挿入します。

< A HREF="リンクをはりたいアドレス">リンクをはりたい文字< /A>
このタグで好きな位置にリンクをはることができます。

< IMG SRC="画像のアドレス">
このタグで画像を貼り付けることができます。