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

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

文字を整形する

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

スタイルの設定

<b>...</b>
<i>...</i>
<sup>...</sup>
<sub>...</sub>
</pre>

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

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

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

#pre(novervatim){{
次の式は<b>放物線</b>を描きます。
 y = x<sup>2</sup>
</pre>

**整形済みテキスト [#xde6e8b0]
プログラムのソースファイルや、HTMLファイルなどの中身を
空白や改行などをそのまま表示したいときに使うのが、
pre要素です。

#pre(novervatim){{
#pre(novervatim){{...</pre>
</pre>

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

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

...
</pre>
</pre>





次へ進んでください。
----
#navi2(Lecture/InfoDesignB2005/3rd,prev,toc,next)