• 投稿者:
  • 投稿コメント:0件のコメント
  • 投稿カテゴリー:HTML
  • 投稿の最終変更日:2021年3月23日

Text フォーマット

これは太字

これは斜体

これは サブスクリプトスーパスクリプト



HTML フォーマット要素

前の章では、 HTML スタイル属性について学びました

HTMLの要素を使用して 特別な意味を持つテキストを定義する方法として

HTML要素の <b><i>太字イタリック テキストを表示しました

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

  • <b> – 太字
  • <strong> – 重要なテキスト
  • <i> – 斜体のテキスト
  • <em> – 強調テキスト
  • <mark> – マークテキスト
  • <small> – 小さなテキスト
  • <del> – 削除されたテキスト
  • <ins> – 挿入されたテキスト
  • <sub> – 下付き(字幕)テキスト
  • <sup> – 上付きテキスト

HTML の<b> と <strong> 要素

HTMLの<b> 要素は太字 を意味するだけで,
見出しや段落などと違いSEOに特別な意味はありません

例文

<b>This text is bold</b>

HTMLの<strong> 要素は 強調
され重要性が追加された “強調” テキストをセマンティックで定義します。

例文

<strong>This text is strong</strong>


スポンサーリンク

HTML <i> と <em> 要素

HTML <i> 要素は 特別な重要性なしで斜体テキスト を定義します。

例文

<i>このテキストは斜体です</i>

コード書いてみる »

HTML <em> 要素は、強調されたテキストを定義し、セマンティックの重要性
を追加します。

例文

<em>このテキストは強調されています</em>

ノート: ブラウザには <strong><b>,として <em><i>
ただし、これらのタグの意味には違いがあります。:
<b><i> は太字と斜体のテキストを定義しますが、
<strong><em> はテキストが “重要”であることを意味します。


HTML <small> 要素

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

例文

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

スポンサーリンク

HTML <mark>要素

HTML <mark> 要素は、マーク/テキストを強調定義しています。 :

例文

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

HTML <del>要素

HTML <del> 要素を削除/削除テキストを定義します。

例文

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

スポンサーリンク

HTML <ins>要素

HTML <ins> 要素が追加/テキストを挿入定義します。

例文

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

HTML <sub>要素

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

例文

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

スポンサーリンク

HTML <sup>要素

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

例文

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

スポンサーリンク

HTML Text Formatting Elements

Tag 説明
<b> Defines bold text
<em> Defines emphasized text
<i> Defines italic text
<small> Defines smaller text
<strong> Defines important text
<sub> Defines subscripted text
<sup> Defines superscripted text
<ins> Defines inserted text
<del> Defines deleted text
<mark> Defines marked/highlighted text

さらにタグについてもっと知るには HTML Tag 辞典を参照して下さい

コメントを残す