みなさんがインターネットで見ているホームページは、どうやって作られているか知っていますか?
その秘密は「HTML」という言葉にあります。
今回は、HTMLが何か、どうしてホームページを作るのに必要なのかをわかりやすく説明します。
1. HTMLって何?簡単に言うと「骨組み」
ホームページの設計図
HTMLとは、「HyperText Markup Language(ハイパーテキスト・マークアップ・ランゲージ)」の略です。
ちょっと難しそうに聞こえるかもしれませんが、簡単に言うと、ホームページを作るための「設計図」のようなものです。
たとえば、お家を建てるときには骨組み(フレーム)が必要ですよね?
それと同じで、HTMLはホームページの「骨組み」を作るための言葉なんです。
マークアップ言語って?
「マークアップ言語」というのは、テキストをどう見せるかを指示するための言葉です。
たとえば、「この文字は大きくして!」「ここに写真を置いて!」という指示をHTMLがしてくれるんです。
これがあるおかげで、ホームページがただの文字の集まりではなく、見やすいページになるんです。
2. HTMLのしくみを知ろう
タグで指示を出す
HTMLでは、特別な記号を使って、ホームページがどんなふうに見えるかを指定します。
これを「タグ」と呼びます。
タグは、角かっこ(< と >)で囲まれていて、文字や画像を包み込むように使います。
たとえば、文章の一部を太くする場合は、「<strong>」というタグを使って、「ここが大事なところ!」と指示するんです。
例を見てみよう
<p>: このタグは「パラグラフ」、つまり段落を作るためのものです。
例えば、「<p>こんにちは!</p>」と書けば、「こんにちは!」という段落が表示されます。
<img>: このタグを使えば、ホームページに画像を表示できます。まるで「ここに写真を置いてね」と言っているようなものです。
まるでレゴブロックを組み立てるよう
HTMLでの作業は、レゴブロックを組み立てるのに似ています。
いろんな形のブロックを使って、家や車を作るように、タグを組み合わせてホームページを作り上げていきます。
文章を書きたいときは「<p>」タグを使い、写真を入れたいときは「<img>」タグを使います。
このようにタグを組み合わせていくことで、楽しいホームページができるんです。
どうしてHTMLが必要なの?
インターネットに伝える言葉
HTMLがあることで、パソコンやスマホは「この部分はタイトル」「ここに写真を表示して」といった指示を正しく理解して、ホームページを表示してくれます。
たとえば、HTMLがなければ、ホームページはただの長い文字の列になってしまいます。
でも、HTMLを使えば、見やすく整理されたページに変身します。
まるでお店のディスプレイをきれいに整えるのと同じように、HTMLがホームページを整えてくれるのです。
すべてのホームページに欠かせない
インターネット上のすべてのホームページには、必ずHTMLが使われています。
だから、HTMLを学べば、どんなサイトも基本的に理解することができます。
たとえば、自分でブログを作りたいときも、HTMLを使って「ここに写真を載せよう」「この文字を目立たせよう」といった工夫ができるようになります。
まとめ
HTMLは、ホームページを作るための「設計図」であり、いろんな情報を整理してわかりやすく見せるための重要なツールです。
タグを使って文字や画像を配置したり、レイアウトを整えたりすることで、インターネット上に自分だけの楽しいホームページを作ることができます。
もしもホームページに興味があるなら、ぜひHTMLを使って自分だけのページを作ってみてください!