HTMLの書き方

絶対に決まっているお約束

誰がどういうホームページを作る時も、絶対に決まっているお約束事項がありますので、まずはそこから見てみましょう。

因みにホームページ作成ソフト使うから飛ばしたいという人はこのページ自体読み飛ばしていただいても構いません。

まず、HTMLはタグ（tag）という英数字で囲んで作っていくという事を覚えてください。タグはインターネットエクスプローラなどのブラウザに、書いてる内容がどういった意味なのか？という事を伝える事ができます。

例えば「ホームページ作成入門」という文章が書かれていた場合、これがタイトルなのか？見出しなのか？ただの本文の一部なのか？という事を人間が見た場合、レイアウトや文字のサイズなどで大体判断する事はできますが、ブラウザはこれだけでは判断できません。

ですから例えばタイトルの場合は
<title>献立に困ったら見る10分でできる簡単お料理レシピ</title>
とする事でこれはタイトルなんだという事が理解できます。
こういう風にタグで囲みながらHTMLを書いていきます。

因みにタグについては、ここでもよく使うようなものは書きますが、実際に書く時はHTMLタグについて詳しく書いたサイトを参考にしてもらう方が良いでしょう。

絶対に必要な枠組み

空白のページを表示するにしても、最低限これだけは絶対に必要なタグというものがあります。これです。

これだけは何が何でも必要です。HTMLを書く時の決まりとして覚えておいてください。

本文は<body></body> の間に書く

ブラウザで表示される部分は全てこの<body></body>の間に書きます。ココ以外に書いたものは見えませんので注意してください。

因みに先ほど例に出したタイトルタグは<head></hrad>の間に書く必要があります。
最初の内はとりあえずタイトルだけは<head></hrad>の間で、他は全て<body></body>の間という風に覚えておいても良いと思います。

名前をつけて拡張子をhtmlかhtmにして保存

メモ帳などのテキストエディタでHTMLを書いた時は、保存する時の拡張子を.htmlか.htmにしてください。

またファイル名は半角英数字にしてください。日本語や記号、スペースは使わないように注意。
正確には-（ハイフン）や.（ドット）や_（アンダーバー）は使えますが、最初のうちは半角英数字という風に覚えておいた方が無難です。

.htmlと.htmの違いは特にありません。昔のWindowsは拡張子というものが3文字までと制限されていたので、ホームページも.htmとしていましたが、現在その制約も無くなり.htmlも使えるようになりましたよというだけの話です。

因みにどっちかというと.htmlの拡張子が使われている事に方が多い感じがします。

保存場所は最初に作ったフォルダの中に保存してください。

なお、トップページの名前だけはindex.htmlまたはindex.htmと決められていますので、どちらかに必ずしてください。

上に戻る

HTMLタグについて

先ほども書きましたが、HTMLタグの細かい事はタグをまとめたサイトが沢山ありますので、そちらを参考にしてください。

基本的にはタグで囲む

基本的にHTMLタグは、<tag></tag>という風に文字を囲んで使います。
例えば先ほど例に出した<title>献立に困ったら見る10分でできる簡単お料理レシピ</title>はタイトルタグで囲んでいます。
ここからここまでがタイトルですよという事を表す為です。
因みに「ここまで」を表す後ろのタグは</title>のように、「ここから」を表す開始タグのアルファベットの最初に/（スラッシュ）を付けます。（これをタグを閉じるという風に言います）

また例外のタグもあり、例えば改行を表す<br>タグや水平線を表す<hr>タグなどは閉じなくても大丈夫です。

エクセルとかワードなどのソフトを使った事がある人なら分かると思いますが、例えばエクセルで文字の色やサイズを指定するときは、色を変えたい範囲などを選択して色を変えると思いますが、改行するときはエンターキーを押すだけで範囲は指定しないですよね？

そういう感覚で範囲を指定する必要があるものはタグで囲んで、囲む必要がないタグは単体で使うと覚えてもらえればよいと思います。

上に戻る