HTML テキストの書式設定

❮ 前章へ 次章へ ❯

テキストの書式設定

This text is bold

This text is italic

This is subscript and superscript

Try it Yourself »

HTML 書式要素

前の章では、HTML style 属性を使用して HTML のスタイルについて学習しました。

HTML は、特別な意味を持つテキストを定義するための特別な要素を定義します。

HTML は、太字斜体のテキストのような出力をフォーマットするために、<b> や <i> 要素を使用します。

書式要素は、特殊なテキストのタイプを表示するように設計されています:


HTML <b> と <strong> 要素

HTML <b> 要素は、特別な重要性を持たない太字のテキストを定義します。

<p>This text is normal.</p>

<p><b>This text is bold</b>.</p>

Try it Yourself ❯

HTML <strong> 要素は、意味的に「強い」重要性を付加された、強いテキストを定義します。

<p>This text is normal.</p>

<p><strong>This text is strong</strong>.</p>

Try it Yourself ❯

HTML <i> と <em> 要素

HTML <i> 要素は、特別な重要性を持たないイタリック体のテキストを定義します。

<p>This text is normal.</p>

<p><i>This text is italic</i>.</p>

Try it Yourself ❯

HTML <em> 要素は、意味的に重要性を付加された、強調テキストを定義します。

<p>This text is normal.</p>

<p><em>This text is emphasized</em>.</p>

Try it Yourself ❯

注: ブラウザには、<strong> と <b>、<em> と <i> は同じ形で表示されます。 しかし、これらのタグの意味に違いがあります:<b> と <i> は、太字とイタリック体のテキストを定義しますが、
<strong> と <em> は、テキストが「重要」であることを意味しています。


HTML <small> 要素

HTML <small> 要素は、小さなテキストを定義します:

<h2>HTML <small>Small</small> Formatting</h2>

Try it Yourself ❯

HTML <mark> 要素

HTML <mark> 要素は、マーク付きまたは強調テキストを定義します:

<h2>HTML <mark>Marked</mark> Formatting</h2>

Try it Yourself ❯

HTML <del> 要素

HTML <del> 要素は、削除されたテキストを定義します。

<p>My favorite color is <del>blue</del> red.</p>

Try it Yourself ❯

HTML <ins> 要素

HTML <ins> 要素は、挿入された(追加された)テキストを定義します。

<p>My favorite <ins>color</ins> is red.</p>

Try it Yourself ❯

HTML <sub> 要素

HTML <sub> 要素は、下付きのテキストを定義します。

<p>This is <sub>subscripted</sub> text.</p>

Try it Yourself ❯

HTML <sup> 要素

HTML <sup> 要素は、上付きのテキストを定義します。

<p>This is <sup>superscripted</sup> text.</p>

Try it Yourself ❯

練習問題を自分でテストしてください!

Exercise 1 ❯   Exercise 2 ❯   Exercise 3 ❯   Exercise 4 ❯   Exercise 5 ❯


HTML テキストフォーマット要素

タグ 説明
<b> 太字のテキストを定義する
<em> 強調テキストを定義する
<i> イタリック体の定義する
<small> 小さなテキストを定義する
<strong> 重要なテキストを定義する
<sub> 下付きテキストを定義する
<sup> 上付きテキストを定義する
<ins> 挿入されたテキストを定義する
<del> 削除されたテキストを定義する
<mark> マークされた/ハイライトされたテキストを定義する

❮ 前章へ 次章へ ❯