ページにデザインセクションを作成する
見出しは、テキストを整理し、有用な部門を作成し、検索エンジンのウェブページを最適化するのに便利な方法です。 HTML見出しタグを使用して見出しを簡単に作成できます。 太字と斜体のタグでテキストの外観を変更することもできます。
見出し
見出しタグは、ドキュメントを分割する最も簡単な方法です。 あなたのサイトを新聞と考えるなら、見出しは新聞の見出しです。 主な見出しはh1で、その後の見出しはh2からh6です。
次のコードを使用してHTMLを作成します。
h2>これは見出し3です。 h3> これは見出し4です。 h4> 見出し1です。 5 h5> これは見出し6です。 h6> ヒント
- あなたの見出しを論理的な順序で保つようにしてください。h1はh2の前にあります。これはh3の前に来ます。
- 見出しがどのように見えるか心配する必要はありません。ヘッドラインを順不同で使用するのではなく、CSSを使用して見出しをスタイルする必要があります。
- 見出しタグはブロックレベルの要素なので、改行を入れます。 見出しタグの中にPタグを入れないでください。
太字と斜体
見出し1です。 5 h5> これは見出し6です。 h6> ヒント
- あなたの見出しを論理的な順序で保つようにしてください。h1はh2の前にあります。これはh3の前に来ます。
- 見出しがどのように見えるか心配する必要はありません。ヘッドラインを順不同で使用するのではなく、CSSを使用して見出しをスタイルする必要があります。
- 見出しタグはブロックレベルの要素なので、改行を入れます。 見出しタグの中にPタグを入れないでください。
太字と斜体
ヒント
- あなたの見出しを論理的な順序で保つようにしてください。h1はh2の前にあります。これはh3の前に来ます。
- 見出しがどのように見えるか心配する必要はありません。ヘッドラインを順不同で使用するのではなく、CSSを使用して見出しをスタイルする必要があります。
- 見出しタグはブロックレベルの要素なので、改行を入れます。 見出しタグの中にPタグを入れないでください。
太字と斜体
太字と斜体に使用できるタグは4つあります。
- 太字はと
- イタリック体の場合はと
あなたがどちらを使うかは関係ありません。 一部のユーザーはとが好きですが、多くのユーザーはで「太字」、イタリックでは覚えやすいです。
開始タグと終了タグでテキストを囲むだけで、テキストを太字または斜体にすることができます。
太字 b> イタリック i>これらのタグをネストすることができます(つまり、テキストを太字と斜体にすることができます)。どちらが外側タグか内側タグかは関係ありません。
例えば:
このテキストは太字です
このテキストは太字です strong>このテキストはイタリック体です
このテキストはイタリック体です em>このテキストは太字と斜体の両方です
このテキストは太字と斜体 em> strong>なぜ2つの太字と斜体のタグがあるのか
HTML4では、タグとタグは、テキストの外観のみに影響を及ぼし、タグの内容については何も言わないスタイルタグとみなされ、それらを使用するには悪い形式とみなされていました。 次に、HTML5では、テキストの外観の外でセマンティックな意味が与えられました。
HTML5では、これらのタグは特定の意味を持ちます:
- は周囲のテキストよりも重要ではないテキストを示しますが、一般的な印刷プレゼンテーションは、文書の要約のキーワードやレビューの商品名などの太字です。
- は周囲のテキストより重要ではないテキストを示しますが、典型的な印刷プレゼンテーションは、書籍タイトル、技術用語、または別の言語のフレーズなどイタリックのテキストです。
- は、周囲のテキストと比較して重要度が高いテキストを示します。
- は周囲のテキストと比較して強調されたストレスを持つテキストを示します。