XHTML 入門チュートリアル: よく使われる XHTML タグ

<br />記事と同様に、Web ページにも明確な段落と重要度の異なるタイトルが必要です。このセクションでは、XHTMLでタイトルや段落などを実装するためによく使用されるタグを紹介します。タイトルタグ<h1>から<h6>
タイトルを定義するには、<h1> から <h6> までのタグを使用できます。対応する終了タグは </h1> から </h6> です。<h1> から <h6> のフォントサイズは順に小さくなり、重要度も徐々に低くなります。ブラウザはタイトルの上下に自動的に空白行を残します。段落タグ <p>
段落を定義するには、<p> と </p> を使用します。<p> と </p> の間のコンテンツは段落として認識されます。これは、通常「自然な段落」と呼ばれるものに似ています。見出しと同様に、ブラウザは段落の始めと終わりの前後に空白行を追加します。改行タグ <br /> (<br>)
新しい行にテキストを書きたいが、新しい段落を開始したくない場合は、<br /> タグを使用できます。 <br> タグも空のタグなので、XHTML の要件に準拠するには「/」を追加する必要があります。水平分割線タグ <hr />(<hr>)
水平分割線を実装するためのタグは <hr /> です。 <br> タグと同様に、<hr> も空のタグです。XHTML ルールに準拠するには、「/」を追加する必要があります。（下に区切り線があります）

注記
上記で紹介した 4 つのタグを適切に使用することで、Web ページを閲覧するユーザーに Web ページの階層が明確であると感じさせることができます。また、コメントを使用すると、自分の Web ページのソースコードを読むときに階層が明確であると感じさせ、混乱を招かないようにすることができます。  の間の内容はコメントの内容であり、Web ページには表示されません。次の練習例でコメントを挿入する方法を確認してください。練習例前のセクションで保存した Web ページを開き、このセクションで学習した重要なタグを練習します。 <body></body> の「これは私の最初の <b>Web ページ</b> です。」を削除し、次のコンテンツを入力します: <h1>サービスアナウンスメント</h1>
<hr />
<h2>現在、全国の小学生と保護者に以下のサービスを提供しています。</h2>
<h3>学生向けサービス</h3>
<p>
冬休みや夏休みの宿題を書く（数学は間違いがないとは保証できませんし、中国語はタイプミスがないとは保証できませんし、英語の宿題は他の人に書いてもらうこともできます）
<br />小学4年生以下の生徒のいじめに加担した場合は、追加料金が発生します。
<br />保護者会では保護者のなりすましをお手伝いします。
</p>
<h3>VIPサービス</h3>
<p>3 つのサービスすべてを購入した人は、自動的に VIP にアップグレードされます。 W3CのXHTML規格とISO2009～に完全準拠した個人ホームページを無料で作成いたします。 </p>

変更を保存した後、Web ページを参照して、自分の Web ページがこのページと同じであることを確認したら完了です。

<<: Docker インストール rocketMQ チュートリアル (最も詳細)

>>: MySQLとSpringの自動コミットの詳細な説明