HTML最初の一歩


HTMLって何？
マークアップ言語の一種で「HyperText Markup Language」の頭文字を取って「HTML」です。
HTMLはSGML(Standard Generated Markup Language)から派生したサブセット。
1996年にW3C(World Wide Web Consortium)によって勧告されました。
1996年12月には、レイアウトに関して記述するCSS(Cascading Style Sheets)というスタイルシート言語が導入。
1997年12月には最新版HTML4.0が勧告されました。
Verは1.0・2.0・3.2・4.0・4.1があり主流は3.2です。
また、2000年の1月にXHTML1.0 ( XMLから作られた) という新たな仕様が勧告されました。

HTML記述の基本
<html>
    <head>
        <title> HTMLのタイトル</title>
    </head>
    <body>
        ホームページ内容の記述
    </body>
</html>
これがもっとも簡単なHTML記述です。
<>の中に書かれているものをタグといいます。
タグはほとんどの場合<html>（開始タグ）〜</html>（終了タグ）で書かれます。
終了タグは前にスラッシュ”/”がつきます。
開始タグで「○○しますと」宣言して、終了タグで「○○はここまで」と終了させています。

記述の注意点として
  • タグはすべて半角で入力します。大文字小文字どちらでも使えますが、統一した方が見やすいです。
  • タグの中にスペースは入れない。（改行は使えます）
    <＿h＿t＿m＿l＿>と間にスペースを入れて書くのはダメです。
  • インデントを使いたい時は半角スペース（又はtab）を使います。
    （例）
    <html>
        <head>
            <title>HTMLのタイトル</title>
        </head>
        <body>
            ホームページ内容の記述
        </body>
    </html>
  • カタカナは全角カナを使います。半角カタカナは機種依存文字なので使ってはいけません。

これをメモ帳などのテキストエディタで記述します。
<html>
    <head>
        <title>HTMLのタイトル</title>
    </head>
    <body>
        ホームページ内容の記述
    </body>
</html>
記述できたらファイルを保存をします。
保存するフォルダやファイル名は半角英数字を使います。
（記号も使えますが、ハイフン( - )とアンダーバー( _ )ぐらいにした方がいいでしょう。）
拡張子は.htmlまたは.htmを付けます。(html の方がいいかもしれません）


保存したファイルをダブルクリックして開いて下さい。



ブラウザーが起動して表示されます。

title タグに書いたタイトルはタイトルバーに表示されてます。

body タグに書いた内容はブラウザー内に表示されます。

HTMLの構造を図にすると

このようにタグとタグが交わらずに重なっている構造を入れ子といいます。

ここまでがHTML記述の基本その1第１段階です。

topページに戻る