はじめてのHTML

このレッスンでは、HTMLタグの基本構造を学び、見出しと段落を使った文章ページを作れるようになることを目標にします。「HTML 基本 書き方」「HTML タグ 初心者」で調べている方向けの内容です。

HTMLは「タグ」で文章の意味づけをする言語です。タグは開始タグ・内容・終了タグの3つで1セットになっていて、<h1>は見出し、<p>は段落を表します。ブラウザはこのタグを読み取って、文字の大きさや行間などを自動的に整えて表示してくれます。タグの種類はたくさんありますが、まずは「見出し」と「段落」の2つだけ覚えれば、簡単な文章ページはすぐに作れます。

サンプルコードでは、<h1>で大きな見出しを、<p>で2つの段落を作っています。コードを書き換えて「実行」を押すと、下にページのプレビューが表示されるので、タグを変えるたびに見た目がどう変わるかを確かめながら練習しましょう。

初心者がよくつまずくのが、終了タグ(</h1>のようにスラッシュが付くタグ)を書き忘れることです。終了タグを忘れると、その後ろの文章まで意図しない見た目になってしまうことがあります。開始タグと終了タグは必ずセットで書く、と覚えておきましょう。

実際のWeb制作の現場でも、HTMLはページの「骨組み」として最初に作られる部分です。どんなに華やかなデザインのサイトも、土台にはこうしたシンプルなタグの積み重ねがあります。