HTML
初級読み方：エイチティーエムエル｜英語：HTML
HyperText Markup Language の略で、ウェブページの内容と構造を作る言語だよ。いつ使う？ ウェブサイトを作るときは必ず使う。「見出し」「段落」「画像」「リンク」など、ページの部品をHTMLで書いていくよ。間違いやすいポイント: HTMLはページの「構造」を作る言語で、見た目（色やサイズ）を変えるのはCSSの役割。HTMLだけでデザインしようとするとうまくいかないよ。
やさしい説明
HTML（エイチティーエムエル）とは、ウェブページの内容と構造を作る言語です。正式名称は HyperText Markup Language です。
YouTube のトップページも、学校のホームページも、すべて HTML で作られています。HTML は「文章にラベルを貼る」作業に似ています。
「これは見出しだよ」「これは段落だよ」「これはリンクだよ」と、文章の各部分に タグ というラベルを貼っていきます。
図解：HTML・CSS・JavaScript の役割
具体例・使い方
HTML はタグで内容を囲んで書きます。
私の自己紹介
名前は【名前】です。趣味はゲームです。
好きなサイト<h1>は「いちばん大きい見出し」のタグ<p>は「段落」のタグ<a>は「リンク」のタグ
よくある疑問
Q: HTML はプログラミング言語なの？
A: 厳密には「マークアップ言語」ですが、ウェブ開発の出発点として「プログラミングの一部」と考えて問題ありません。
Q: HTML だけでウェブサイトは作れる？
A: 内容と構造は作れますが、デザインは CSS、動きは JavaScript が必要です。
いつ使う？
Webページを作るときは必ずHTMLを使います。自己紹介ページ、ブログ、ゲームの画面、学校の文化祭サイト——インターネットで見るページはすべてHTMLがベースです。
間違いやすいポイント
❌ HTMLとCSSを混同する
HTMLは「内容と構造」、CSSは「見た目」です。文字の色を変えたいときはHTMLではなくCSSで指定します。
❌ タグの閉じ忘れ
初心者が最もハマるミスです。<div> を開いたら必ず </div> で閉じましょう。VS Codeなら自動で閉じタグを補完してくれます。
関連用語
📖 関連レッスン
レッスンを見る →