HTML h1タグの書き方｜Hello World表示の完全ガイド

📌

結論

<h1>Hello World</h1> と書けばOK

HTMLで画面にテキストを表示する方法を知りたいですか？答えはシンプルです。

📝 実際のコードはこちら

<h1>Hello World</h1>

これだけで、ブラウザに大きな見出しとしてHello Worldが表示されます。

h1タグとは？

<h1> は見出しタグの中で一番大きいものです。新聞の一面見出しのようなイメージですね。 HTMLでは、テキストをタグで囲むことで意味を持たせます。

HTMLのタグには開始タグと終了タグがあります。

📝 実際のコードはこちら

<h1>Hello World</h1>
 ↑開始タグ        ↑終了タグ（/が付く）

この2つでテキストを挟む、サンドイッチ方式です。終了タグの / を忘れると正しく表示されないので注意してください。

・HTMLはタグで囲むのが基本ルール・<h1>は最も重要な見出し。1ページに1つが推奨・開始タグと終了タグをセットで書く

下のエディタに <h1>Hello World</h1> と入力して、実行してみましょう。

🧪 ここで試せます ─ 壊しても大丈夫！

下のエディタで実際にコードを書いて、すぐにプレビューで確認できます。何度でもやり直せるので、思い切って色々試してみてください。

■ 演習

Hello Worldと表示するHTMLを書いてください。上で学んだh1タグを使います。

詰まったらヒント

h1タグを使います。<h1>と</h1>で囲みます。