HTMLの基本
HTMLを書くにあたって
絶対必要な事があります。
まずはファイルの拡張子が.htmlもしくは.htmであること。
これが前提です。他の拡張子だとhtmlとみなしてもらえなくて
ブラウザは表示してくれません。
ホームページ館の方でも説明しましたが
一応ここでもテキストエディタ、メモ帳等を使っての
htmlの作り方を書いておきます。
メモ帳やテキストエディタを開いて
そこにソースコードを書きます。
そしてそれを保存します。
メモ帳で保存すると拡張子がtxtになりますが
htmlに変更してください。保存の際に変更してもOKです。
これでhtmlファイルのできあがりです。
一度保存した後はhtml形式なのでダブルクリックすると
ブラウザで開いてしまいます。
中のソースコードを変更したい場合には、
右クリック→アプリケーションから開く→notepad を選ぶか、
テキストエディタが入っている場合には
右クリック→送る→テキストエディタ名 等で編集する事ができます。
次はソースコードの基本です。
例外がありますが非常にシンプルに作った場合のHTMLの
ソースコードはこんな感じです。
<html>
<head>
<title>タイトル</title>
</head>
<body>
本文をここに書く
</body>
</html> |
ではまずこのシンプルなhtmlの説明をしていきましょう。
<>に囲まれた部分をタグといいます。
<html>と</html>
<head>と</head>というように
全てが対になっているのがわかるでしょうか。
これは<html>の部分が開始タグ
</html>の部分が閉じタグ、終了タグ等と言われ
htmlは開始タグ・閉じタグの対で囲むのが基本です。
基本的に閉じタグは開始タグに/をつけてやったものです。
別で書きますが閉じタグが必要のないものも存在します。
そして重要なのが
「タグは全て半角で書く事」です。
< と >に囲まれている範囲は全て半角で書きましょう。
もちろんタグの中にあるスペースが全角になっていてもいけません。
テキストエディタにはそういったスペースの半角、全角を
わかりやすく表現してくれるものもあります。
windowsのメモ帳等ではわかりにくいので気をつけましょう。
それでは各タグの説明をします。
<html>はhtmlソースコードの始まりと終わりに必要です。
この範囲内がhtmlの記述ですよーとブラウザにわからせる為のものです。
次に<head>ですがこれはヘッダーといわれ
このhtmlの情報を記述します。タイトルだったり、このhtmlにはこんな事が
書かれていますよーとか。あくまで内部的な情報なので
ブラウザ上には表示されません。
そして<title>にはページのタイトルを書きます。タイトルに書かれた
内容はブラウザの一番上のバーにタイトルとして表示されます。
一番重要なのは<body>です。
この中に書いたものがブラウザ上に表示されます。
このbodyタグは非常に重要ですがframeタグを使う場合等は
書かない場合もあります。
基本的に必要なのは以上のタグです。
あとはheadタグやbodyタグの中に何を書くかでサイトは変わっていくのです。
|
|
|
