>> HTML講座 >> 文字をいじってみよう！

３	文字をいじってみよう！

応用.gif (3239 バイト)

７．

文字を思いどうりに表示ししたい！

NE3

NE4

NE6

IE3

IE4

IE5

IE6

今までの書き方だと途中で<BR>や<P>をつけたりして改行しないといけなかったから全体の形が良くわからなかったよね。
それに、半角スペースやタブ（一定の間隔をあける）を使ってもその通りには表示されなかったんだ。
今回のタグはソースに書いた通りにブラウザに文字が表示される方法なんだ。
つまり、自由なデザインが可能ということなんだ。
（※しかし、やはりタグ自体は認識されてしまうので<や>を使いたい場合は<や>などを使ってやらなければならない。）

<PRE>～</PRE>

　　　・・・・ソース通りに表示する

これはまさに思いどうりに文字を配置できるタグだね。

　SOURCE

<HTML>
<HEAD>
<TITLE>そのまま表示</TITLE>
</HEAD>
<BODY>
<PRE>
あ　い　う　え　お　か
　き　く　け　こ　さ
　　し　す　せ　そ
　　　た　ち　つ
　　　　て　と
　　　　　ん
</PRE>
↑<BR>等を使わなくても文字がブラウザ上でもそのまま配置されるよ。スペースもそのまま表示されていることも確認しよう。
</BODY>
</HTML>

　RESULT 　

あ　い　う　え　お　か
　き　く　け　こ　さ
　　し　す　せ　そ
　　　た　ち　つ
　　　　て　と
　　　　　ん

↑そのまま表示されてるね

実はWIDTHという属性もある。これは一行内に収める文字数を指定することができる。それに応じてコンピューターが自動的にフォントやフォントサイズを選択してくれるんだ。

　改行候補を示す
 　語句の説明をしたい！