見出しと段落

見出しタグ（h1〜h6）

見出しタグは文書の階層構造を表します。<h1> が最も大きく重要な見出しで、<h6> が最も小さい見出しです。

• <h1> - ページのメインタイトル（1ページに1つが推奨）
• <h2> - セクションの見出し
• <h3>〜<h6> - サブセクションの見出し

段落タグ（p）

<p> タグは段落を表します。 ブラウザは自動的に段落の前後に余白を追加します。 HTML内の改行やスペースは、そのまま表示されない点に注意しましょう。

• <br> - 強制改行（段落内で改行したいとき）
• <hr> - 水平線（セクションの区切り）

リスト（ul / ol / li）

リストは項目を整理して表示するために使います：

• <ul> - 順序なしリスト（箇条書き・ドット付き）
• <ol> - 順序付きリスト（番号付き）
• <li> - リスト項目（ul または ol の中に配置）

テキストの装飾（strong / em）

テキストに意味を付加するインライン要素です：

• <strong> - 重要なテキスト（太字で表示される）
• <em> - 強調テキスト（イタリックで表示される）

まとめ

• <h1>〜<h6> で見出しの階層を作る
• <p> で段落を作り、<br> で改行する
• <ul> / <ol> でリストを作り、<li> で項目を記述する
• <strong> で太字、<em> でイタリックにできる
• <hr> でセクションを区切る水平線を引ける