English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

HTML 基本教程

HTML メディア

HTML リファレンスマニュアル

HTML5 基本教程

HTML5 API

HTML5 メディア

HTML テキストのフォーマット

本章ではHTMLのテキストフォーマット化、つまり通常のテキストにフォーマットを加える方法を学びます。

HTML テキストのフォーマット

<strong>文字を太字に(oldtoolbag.com)</strong>
<br/><i>イタリック文字,w3codebox基本教程</i>
<br/><code>Codeが自動的に出力</code>
<br/>これは元素X<sub>下書き</sub>とX<sup>上書き</sup>
<br/>化学分子式:<b>C<sub>7</sub>H<sub>7</sub>F<sub>2</sub>N</b>
テストしてみて‹/›

HTMLフォーマットタグ

HTMLを使用して、<b>(太字)と<i>(イタリック)タグで出力するテキストのフォーマットを設定できます。太字 または イタリック

これらのHTMLタグはフォーマットタグと呼ばれます(下部の完全なタグリファレンスマニュアルを参照してください)。

通常、<strong>タグは太字タグ<b>の代わりに使用されますので、おすすめは <strong> , <em>は<i>タグの代わりに使用されます。
しかし、これらのタグの意味は異なります:

<b>と<i>は太字やイタリックテキストを定義します。
Bタグとstrongタグは異なるタグです。Bタグは太字を表し、Bタグは字体の太字効果を強調できます。例:<b>I am bold</b>
しかし、<strong>タグは強調したい場所を示しています。これらのタグには異なる意味があります。例:<strong>強調字体</strong>。

<strong>または<em>を使用すると、重要なテキストを強調表示するつもりです。現在の主要なブラウザでは、さまざまな効果のフォントをレンダリングできますが、将来のブラウザではより良いレンダリング効果がサポートされるかもしれません。

オンラインサンプル

通常のテキストのフォーマット
この例では、HTMLファイルで通常のテキストをどのようにフォーマットするかを示しています。

プレフォーマットテキスト
この例では、preタグを使用して空行やスペースをどのように制御するかを示しています。

「コンピュータ出力」タグ
この例では、異なる「コンピュータ出力」タグの表示効果を示しています。

アドレス
この例では、HTMLファイルにアドレスをどう書くかを示しています。

省略語と略字
この例では、HTMLが省略語や略字をどのように実現するかを示しています。

テキストの方向
この例では、HTMLがテキストの方向をどのように変更するかを示しています。

ブロック引用
この例では、HTMLが長さが異なる引用語を実現する方法を示しています。

削除されたテキストの効果と挿入されたテキストの効果
この例では、HTMLが削除されたテキストと挿入されたテキストをどのようにマークアップするかを示しています。

HTMLのテキストフォーマットタグ

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

HTMLの「コンピュータ出力」タグ

タグ説明
<code>コンピューターコードを定義
<kbd>キーボードコードを定義
<samp>コンピューターコードのサンプルを定義
<var>変数を定義
<pre>プレフォーマットテキストを定義

HTMLの引用、引用とタグの定義

タグ説明
<abbr>省略語を定義
<address>アドレスを定義
<bdo>テキストの方向を定義
<blockquote>長い引用を定義
<q>短い引用語を定義する
<cite>定義する参照、証明
<dfn>定義する定義プロジェクト。