【えいちてぃーえむえる】

HTML とは?

💡 ウェブページの「骨組み」を作る設計図
📌 このページのポイント
HTMLタグの入れ子構造 <html> <head> <title>ページタイトル</title> <body> <h1>見出し</h1> <p>段落テキスト</p> <div> <a href="...">リンク</a> タグ = 要素の開始と終了を示す 入れ子 = 親タグの中に子タグ ツリー構造でページを構成
HTMLタグの入れ子構造:html > head + body
ひよこ ひよこ

HTMLって何?

ペンギン先生 ペンギン先生

ウェブページの構造を書くための言語だよ。たとえば「ここは見出し」「ここは段落」「ここに画像を置く」みたいに、タグという目印で囲んで指示を出すんだ。

ひよこ ひよこ

タグってどんなもの?

ペンギン先生 ペンギン先生

構造だけならHTMLだけで作れるけど、見た目はCSSで、動きはJavaScriptで付けるんだ。HTML・CSSJavaScriptの3つがウェブの基本セットだね。HTMLが骨組み、CSSが服装、JavaScriptが動作って覚えるとわかりやすいよ。

ひよこ ひよこ

HTMLのバージョンって気にしなくていいの?

ペンギン先生 ペンギン先生

今はHTML5(正確にはHTML Living Standard)が使われていて、これが重要なんだ。以前のHTMLにはなかった

といったタグが追加されて、プラグインなしで動画再生ができるようになった。さらに面白いのは、HTML5からは「バージョン番号」という概念をやめて「常に更新され続ける仕様(Living Standard)」になったこと。つまりHTML6は存在しないんだ。W3CからWHATWGに仕様策定が一本化された経緯も含めて、ウェブ標準の歴史としてかなり興味深い話だよ。

ペンギン
まとめ:ざっくりこれだけ覚えればOK!
「HTML」って出てきたら「ウェブページの骨組みを作る言語のことだな」と思えればだいたいOK!
📖 おまけ:英語の意味
「HyperText Markup Language」 = ハイパーテキスト・マークアップ言語
💬 HyperTextは「リンクでつながるテキスト」、Markupは「印をつける」こと。テキストにタグで印をつけてページの構造を作る言語だよ
← 用語集にもどる