HOME >> HTML > テキストを記入された状態で表示する

point テキストを記入された状態で表示する

<PRE>〜</PRE>
このタグを使えば、この範囲内の文字は記入された状態で表示されます。HTML文書内で改行するには<BR>タグを使いますが、<PRE>〜<PRE>の中に記入された文字は<BR>タグを使わないで改行してもブラウザに改行されて表示されます。それと記入された状態で表示できますのでスペースも入れた分だけ空白になります。つまり、メモ帳に記入したとおりの文章が表示できるということです。

あと、<PRE>〜<PRE>の範囲内でタグを使った場合は、そのタグの効果が反映されます。
注意点として、改行しないで横に長い文章を記入すると、横スクロールバーが出てしまいますので、適当なところで改行しましょう。

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
★ ☆   ☆☆   ☆ ★
こんな感じです。
改行とスペースがそのまま表示されます。

★ ☆   ☆☆   ☆ ★
ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<PRE>
★ ☆   ☆☆   ☆ ★
こんな感じです。
改行とスペースがそのまま表示されます。

★ ☆   ☆☆   ☆ ★
</PRE>
</BODY>
</HTML>

サンプル - Microsoft Internet Explorer
ホーム(H)メニュー(M)戻る(B)進む(N)
★ ☆   ☆☆   ☆ ★
こんな感じです。
改行とスペースがそのまま表示されます。
タグも使えるよ。

★ ☆   ☆☆   ☆ ★
ソース
<HTML>
<HEAD>
<TITLE>サンプル</TITLE>
</HEAD>
<BODY>
<PRE>
★ ☆   ☆☆   ☆ ★
<FONT color="blue">こんな感じです。</FONT>
改行とスペースがそのまま表示されます。
タグも使えるよ。

★ ☆   ☆☆   ☆ ★
</PRE>
</BODY>
</HTML>

スポンサード・リンク
Copyright ©2001〜2016 まさぼ〜 All Right Reserved