HTMLとは

HTML（HyperText Markup Language）は、Webページの構造と意味を記述する言語です。ブラウザはHTMLを読み取り、見出し・段落・画像・リンクなどを画面に表示します。

このLessonのゴール

• HTML・CSS・JavaScriptの役割の違いを説明できる
• タグ・要素・属性の違いをコードから説明できる
• 小さなHTMLファイルを作り、ブラウザで表示できる

最終制作物とのつながり

このLessonでは、準備Chapterで作ったindex.htmlを使い、店舗サイトの文章へ意味のある構造を与える第一歩を学びます。

HTMLの役割

• コンテンツに意味を与える
• 文書の階層を表現する
• CSSやJavaScriptが働く土台を作る

HTMLは見た目を整えるための言語ではありません。意味のある構造を作ることが第一の役割です。

最初のHTML

<!doctype html>
<html lang="ja">
  <head>
    <meta charset="UTF-8" />
    <title>はじめてのページ</title>
  </head>
  <body>
    <h1>こんにちは</h1>
    <p>はじめてのWebページです。</p>
  </body>
</html>

要素は多くの場合、開始タグ（例：<p>）と終了タグ（</p>）で内容を囲みます。詳しくはMDN Web Docsでも確認できます。