ホームページの多くは
html言語で書かれていて、「ソース」と呼びます。
「ソース」はこれから勉強する「タグ」や「スタイルシート」以外に、
javascript,cgi,phpなども組み込まれる場合があります。
タグは一部例外を除いて「開始タグ」と「終了タグ」で一対になっています。
例外の代表･･････<img src=****>画像タグ、<br>改行タグ、<hr>水平線タグなど
- html エイチティーエムエル
- html文書の宣言で、最初に<html>と開始タグで宣言し、最後に</html>と終了タグで終了を宣言します。
htmlバージョン宣言（<!DOCTYPE HTML PUBLIC ********>）以外はすべて<html>〜</html>に書きます。
- head ヘッド
- 情報を書くタグで、<title>〜</title>やメタタグを書きます。
メタタグとは、製作者、内容の紹介、キーワードなどを記載するタグのこと。
<meta content=**** などで始まるので「メタタグ」と呼ばれます。
- body ボディ
- <body>〜</body>本文を書くタグで、文章や画像などはここに書いていきます。
組み合わせると、
<html>
<head>
<title>ここにタイトルを書く</title>
</head>
<body>
（文章、画像、写真、リンク、フォームなどを載せる）
</body>
</html>
となります。
htmlソースはブログなどと異なり、「
Enter」キーで改行しても意味を持ちません。
表示は改行していないのとほぼ同じです。（厳密には少し異なります）
文章などで改行するときは、
<br>ブレイク タグを行末尾に書きます。
また、
<br>タグを書けばその後ろに文章を続けても改行されてしまいます。
何が言いたいかというと、上記の組み合わせは下記のように書いても
表示される結果は同じということです。
<html><head><title>ここにタイトルを書く</title></head>
<body>
（文章、画像、写真、リンク、フォームなどを載せる）
</body></html>
あるいは、
<html>
<head>
<title>ここにタイトルを書く</title>
</head>
<body>
（文章、画像、写真、リンク、フォームなどを載せる）
</body>
</html>
また、タグはすべて半角文字ですが、大文字小文字を区別しません。
だから
<BODY>で始まって
</body>で終っても構いません。
「開始タグ」の中に色々な属性を書くことで、文字の大きさを変えたり、背景に色を付けたりできます。
属性と属性の間を半角スペースで区切れば、属性は複数書けます。
≪例≫
<font_size="3"_color="green"_face="MS_UI_Gothic">
上の例は、半角スペース部分をわざと「
_ 」アンダーバーで書いていますので、実際は半角スペースに置き換えてください。
代表的なものは
タグ・属性等の一覧表 に用意しています。
「"」（ダブルクォーテーションマーク）は省略も可能ですが、
「
MS UI Gothic」のように内部に半角スペースが含まれる場合は
省略すると書体を「MS」としか判断できず、思ったように表示されません。
できるだけ省略しないようにしましょう。