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

HTMLは、太字や斜体などのフォーマット出力の要素を定義できます。

以下には多くの例があります。あなた自身で試してみてください:

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

テキストフォーマット
HTMLファイル内でテキストをどのようにフォーマットするかこの例で示します。
プレフォーマットテキスト
preタグを使って空行やスペースをどのように制御するかこの例で示します。
「コンピュータの出力」タグ
異なる「コンピュータ出力」タグの表示効果をこの例で示します。
アドレス
HTMLファイル内でアドレスをどのように書くかこの例で示します。
短縮形と頭文字略記
短縮形や頭文字略記をどのように実現するかこの例で示します。
テキストの方向
テキストの方向を変更する方法をこの例で示します。
ブロック引用
長さが異なる引用語を実現する方法をこの例で示します。
削除文字効果と挿入文字効果
この例では、テキストを削除するマークアップとテキストを挿入するマークアップの表示方法を示します。

HTMLのソースコードをどのように見るか

あなたは、素晴らしいサイトを見て、開発者がどのようにそれを実現したか知りたいと思った経験はありますか?

あなたは、あるウェブページを見て、それがどのように作成されたか知りたいと思ったことはありますか?

ウェブサイトの技術的秘密を明らかにするのは、実はとても簡単です。ブラウザの「表示」メニューをクリックし、「ソースファイルを表示」を選択してください。その後、弹出されたウィンドウ内には実際のHTMLコードが表示されます。

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

タグ 説明
<b> 太字テキストを定義します。
<big> 大号字を定義します。
<em> 強調文字を定義します。
<i> 斜体字を定義します。
<small> 小号字を定義します。
<strong> 強調を定義します。
<sub> 下付き文字を定義します。
<sup> 上付き文字を定義します。
<ins> 挿入されたテキストを定義します。
<del> 削除されたテキストを定義します。
<s> 推奨されません。<del> を代わりに使用してください。
<strike> 推奨されません。<del> を代わりに使用してください。
<u> 推奨されません。スタイル(style)を使用してください。

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

タグ 説明
<code> コンピュータコードを定義します。
<kbd> キーボードコードを定義します。
<samp> コンピュータコードのサンプルを定義します。
<tt> タイピングコードを定義します。
<var> 変数を定義します。
<pre> プレフォームテキストを定義します。
<listing> 推奨されません。<pre> を代わりに使用してください。
<plaintext> 推奨されません。<pre> を代わりに使用してください。
<xmp> 推奨されません。<pre> を代わりに使用してください。

引用、引用と用語の定義

タグ 説明
<abbr> 省略形を定義します。
<acronym> 初めの文字の略語を定義します。
<address> 住所を定義します。
<bdo> テキストの方向を定義します。
<blockquote> 長い引用を定義します。
<q> 短い引用を定義します。
<cite> 定義、引用、証明。
<dfn> 定義プロジェクトを定義します。

拡張読み物:

テキストの外観と意味を変更する方法