けとけと。の自由帳

『記述したままを表示』

◆ 記述したままを表示とは？

スペースを入れて文字の位置を合わせるように，調節しながら書いても思ったようにならないことがあります．プロポーショナルフォント（文字ごとに最適な幅を設定したフォント．Ｐ明朝とかＰゴシックなどＰが付くようなフォント）で表示されているときなど，うまく行かないときが多いですね
他にも文章の先頭に半角スペースがあると削除されてしまうときがあります．
メモ帳などのテキストエディタで書いたままの状態を表示させるには便利なタグです．
このタグを使って文章を書くと，固定幅のフォントで記述されスペースや勧業がそのままの状態で表示されます．

◆ 要素名

　PRE

◆ 記述

　<PRE>要素内容

</PRE>

◆ 使用例 （上：結果　下：記述 ※但し自動改行なしの設定で記述）

PREタグを使用して先頭に半角スペース２個入れた場合　先頭に全角スペースを入れた場合 iiiiiiiiii｜この場合下の行と「｜」の位置が同じになる WWWWWWWWWW｜ 1234567890｜改行タグを書かなくても改行してくれる PREタグを使用しないで先頭に半角スペース２個入れた場合　先頭に全角スペースを入れた場合 iiiiiiiiii｜この場合下の行と「｜」の位置がずれる WWWWWWWWWW｜ 1234567890｜改行タグを書かないと改行してくれない
<PRE> PREタグを使用して先頭に半角スペース２個入れた場合　先頭に全角スペースを入れた場合 iiiiiiiiii｜この場合下の行と「｜」の位置が同じになる WWWWWWWWWW｜ 1234567890｜改行タグを書かなくても改行してくれる </PRE> PREタグを使用しないで先頭に半角スペース２個入れた場合<BR> 　先頭に全角スペースを入れた場合<BR> iiiiiiiiii｜この場合下の行と「｜」の位置がずれる<BR> WWWWWWWWWW｜<BR> 1234567890｜<BR> 改行タグを書かないと改行してくれない<BR>

PREタグを使用して先頭に半角スペース２個入れた場合
　先頭に全角スペースを入れた場合
iiiiiiiiii｜ この場合下の行と「｜」の位置が同じになる
WWWWWWWWWW｜
1234567890｜
改行タグを書かなくても
改行してくれる

PREタグを使用しないで先頭に半角スペース２個入れた場合
　先頭に全角スペースを入れた場合
iiiiiiiiii｜この場合下の行と「｜」の位置がずれる
WWWWWWWWWW｜
1234567890｜
改行タグを書かないと改行してくれない

 <PRE> 
PREタグを使用して先頭に半角スペース２個入れた場合
　先頭に全角スペースを入れた場合
iiiiiiiiii｜ この場合下の行と「｜」の位置が同じになる
WWWWWWWWWW｜
1234567890｜
改行タグを書かなくても
改行してくれる </PRE> 
PREタグを使用しないで先頭に半角スペース２個入れた場合<BR>
　先頭に全角スペースを入れた場合<BR>
iiiiiiiiii｜ この場合下の行と「｜」の位置がずれる<BR>
WWWWWWWWWW｜<BR>
1234567890｜<BR>
改行タグを書かないと
改行してくれない<BR>

ジャンル別一覧