KAWANO's PukiWiki Plus! - Lecture/InfoDesignB2005/3rd/form_text のバックアップ(No.1)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/InfoDesignB2005/3rd/form_text へ行く。
  • 1 (2007-02-24 (土) 07:05:44)
  • 2 (2007-02-24 (土) 07:10:26)

文字を整形する

本来、HTMLは文章の構造を決めるのが役割なのですが、 補助的に、いくつか特徴的な文字の整形方法を紹介します。

スタイルの設定

pre> <b>...</b> <i>...</i> ^... _...

/pre>

ここで紹介する要素は、文章の構造としての意味はありません。 補助的な手段として用いられるものです。

b要素は文字を太字で、 i要素は文字を斜体で表示します。

sup要素は文字を小さくして上側に表示します。 sud要素は文字を小さくして下側に表示します。 数学などの記号によく使われます。

pre> 次の式は<b>放物線</b>を描きます。

y = xCOLOR(red):<sup>COLOR(black):2COLOR(red):</sup>

/pre>

整形済みテキスト

プログラムのソースファイルや、HTMLファイルなどの中身を 空白や改行などをそのまま表示したいときに使うのが、 pre要素です。

pre> <pre>...</pre>

/pre>

pre要素で囲んだ内容が、 HTMLファイルに書かれたのと同じように、表示されます。 そのため、 1行の長さがウィンドウ幅より長くなっても、 自動的に改行されません。

pre> メールには、次のように書かれていました。 <pre> Date: Fri, 21 Oct 2005 14:01:07 +0900 From: hoge＠ed.hyogo-dai.ac.jp To: foo＠hyogo-dai.ac.jp

... </pre>

/pre>

次へ進んでください。