【第2回】HTMLで見出しを作ってみよう

HTMLで見出し作成シリーズ アイキャッチ画像 ブログの進め!
記事内に広告が含まれています。
みかおば
みかおば

📘 HTML初心者のみかおばです!

今回も「ノート代わりに」記録しながら、少しずつ覚えていきます。
第2回は、見出し(タイトル)を作るタグについてです!

💡 見出しってなに?

Webページやブログでは、「ここから新しい話が始まるよ!」とわかりやすくするために見出しを使います。
本でいうと「章」や「節」にあたる部分です。


🧩 見出しタグの種類

HTMLでは、見出しを表すタグが6種類あります👇

  • <h1>:一番大きな見出し(ページタイトルなど)
  • <h2>:セクションのタイトル
  • <h3><h6>:補足や小見出しなどに使用

👉「h」は**heading(見出し)**の頭文字です!


📝 実際の書き方(コード)

html
<h1>見出し1</h1>
<h2>見出し2</h2>
<h3>見出し3</h3>
<h4>見出し4</h4>
<h5>見出し5</h5>
<h6>見出し6</h6>

🔍 注意:見出しタグは開始タグと終了タグのセットで使います。
例:<h1>タイトル</h1> のように、終了タグには「/」が必要!


📷 見出しの大きさ比較イメージ

🖼️ HTMLの見出しタグ(<h1><h6>)は、ブラウザで表示すると文字の大きさが自動的に違って見えます。


✅ 覚えておきたいポイントまとめ

  • h1ページに1つだけ使うのが基本(SEO的にも大事)
  • 見出しは階層ごとに順番に使うと読みやすい(h2h3h4…)
  • タグの閉じ忘れに注意!

📌 次回のテーマ

👉【第3回】では、「HTMLで段落を作ってみよう」を解説します!

🔖 この回で出てきたタグ

#h1タグ #h2タグ #h3タグ #h4タグ #h5タグ #h6タグ

コメント

タイトルとURLをコピーしました