Skip to main content

HTMLで太字と斜体見出しを作成する方法

【HTML】タグを使ってみよう 表示文字色★ (六月 2026)

【HTML】タグを使ってみよう 表示文字色★ (六月 2026)
Anonim

HTMLヘッダコードにイタリック体と太字のスタイルマークアップタグを埋め込み、主題リストに重点を置く。

見出し

見出しタグは、ドキュメントを分割する最も簡単な方法です。あなたのサイトを新聞と考えるなら、見出しは新聞の見出しです。主な見出しはh1で、その後の見出しはh2からh6です。

次のコードを使用してHTMLを作成します。

これは見出し1です

これは見出し2です

これは見出し3です

これは見出し4です

これは見出し5です
これは見出し6です

ヒント

  • あなたの見出しを論理的な順序で保つようにしてください。h1はh2の前にあります。これはh3の前に来ます。
  • 見出しがどのように見えるか心配しないでください。ヘッドラインを順不同で使用するのではなく、CSSを使用して見出しをスタイルする必要があります。
  • 見出しタグはブロックレベルの要素なので、改行を入れます。見出しタグの中にPタグを入れないでください。

太字と斜体

太字と斜体に使用できるタグは4つあります。

  • そして 太字の
  • そして イタリック体

あなたがどちらを使うかは関係ありません。いくつか好むが そして しかし、多くの人々が見つける 「太字」と 「イタリック」は覚えやすい。

開始タグと終了タグでテキストを囲み、テキストを作成するだけです大胆なまたは イタリック:

大胆なイタリック

これらのタグをネストすることができます(つまり、テキストを太字と斜体にすることができます)。どちらが外側タグか内側タグかは関係ありません。

例えば:

このテキストは太字です

このテキストは太字です

このテキストはイタリック体です

このテキストはイタリック体です

このテキストは太字と斜体の両方です

このテキストは太字と斜体の両方です

なぜ2つの太字と斜体のタグがあるのか

HTML4では、 そして タグは、テキストの外観にのみ影響を与え、タグの内容については何も言わないスタイルタグとみなされ、それらを使用するには悪い形態とみなされていました。次に、HTML5では、テキストの外観の外でセマンティックな意味が与えられました。

HTML5では、これらのタグは特定の意味を持ちます:

  • 周囲のテキストより重要ではないテキストを示しますが、一般的な印刷プレゼンテーションは、文書の要約のキーワードやレビューの製品名など、太字です。
  • 周囲のテキストよりも重要ではないテキストを示しますが、典型的な印刷プレゼンテーションは、書籍のタイトル、技術用語、または別の言語のフレーズなどのイタリックテキストです。
  • 周囲のテキストと比較して強い重要性を有するテキストを示す。
  • 周囲のテキストと比較して強調されたストレスを有するテキストを示す。