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

■<pre>～</pre>

このタグを使えば、この範囲内の文字は記入された状態で表示されます。HTML文書内で改行するには<br>タグを使いますが、<pre>～<pre>の中に記入された文字は<br>タグを使わないで改行してもブラウザに改行されて表示されます。

それと記入された状態で表示できますのでスペースも入れた分だけ空白になります。つまり、メモ帳に記入したとおりの文章が表示できるということです。

あと、<pre>～<pre>の範囲内でタグを使った場合は、そのタグの効果が反映されます。

注意点として、改行しないで横に長い文章を記入すると、横スクロールバーが出てしまいますので、適当なところで改行しましょう。

サンプル - Microsoft Internet Explorer

★　☆　　　☆☆　　　☆　★
こんな感じです。
改行とスペースがそのまま表示されます。

★　☆　　　☆☆　　　☆　★

HTML

<html>
<head>
<title>サンプル</title>
</head>
<body>
<pre>
★　☆　　　☆☆　　　☆　★
こんな感じです。
改行とスペースがそのまま表示されます。

★　☆　　　☆☆　　　☆　★

</pre>
</body>
</html>

サンプル - Microsoft Internet Explorer

★　☆　　　☆☆　　　☆　★
こんな感じです。
改行とスペースがそのまま表示されます。
普通にタグも使えるよ。

★　☆　　　☆☆　　　☆　★

HTML

<html>
<head>
<title>サンプル</title>
</head>
<body>
<pre>
★　☆　　　☆☆　　　☆　★

<font color="blue">こんな感じです。
</font>
改行とスペースがそのまま表示されます。
普通にタグも使えるよ。

★　☆　　　☆☆　　　☆　★
</pre>
</body>
</html>