簡単ホームページをメモ帳で作ろうよ

第六回：今回は整形タグで本文を表示させます。

＜nifty:FROM40PC/MES/11/XXX＞

<html>
<head>
<title>
整形タグの練習です
</title>
</head>
<body>
ほんちの実験だぁ。

□■■■　　　　　　　　　　　　　□　□■　　□□□■　□□□■　□■■
□■　　　　　　　　　　　　　　　□　□■　　□　□■　□　□■　□■
□■　　■■　■■■　■■■■■　□　□■　　□　□■　□　□■　□■
□■　　■　　■　■　■　■　■　□　□■　　□　□■　□　□■　□■
□■■　■　　■　■　■　■　■　□　□■　　□　□■　□　□■　□■
□■　　■　　■　■　■　■　■　□　□■　　□　□■　□□□■　□■
□■　　■　　■　■　■　■　■　□□□■■　□　□■　□　　　　□■
□■　　■　　■　■　■　■　■　　　□■　　□□□■　□　　　　□■■
□■　　■　　■■■　■　■　■　http://www.nifty.ne.jp/forum/from40pc/
これでうまく行くやろ。(^_^)

</body>
</html>

こうやってタグをタイプしたので、そのまま表示されるはずだと思ってブラウザで開いてみたのですが、
なんか変ですよね。

上のようなタグの書き方では、思ったように表示されません。

これでは何がなんだか分からない、まるで文字化けした文みたいですね。
空白をきちんと読みとることができないので、このようなおかしな表示になってしまいました。
そこで、<pre>～</pre>タグに登場していただきましょう！

<html>
<head>
<title>
整形タグの練習です
</title>
</head>
<body>
<pre>

ほんちの実験だぁ。
□■■■　　　　　　　　　　　　　□　□■　　□□□■　□□□■　□■■
□■　　　　　　　　　　　　　　　□　□■　　□　□■　□　□■　□■
□■　　■■　■■■　■■■■■　□　□■　　□　□■　□　□■　□■
□■　　■　　■　■　■　■　■　□　□■　　□　□■　□　□■　□■
□■■　■　　■　■　■　■　■　□　□■　　□　□■　□　□■　□■
□■　　■　　■　■　■　■　■　□　□■　　□　□■　□□□■　□■
□■　　■　　■　■　■　■　■　□□□■■　□　□■　□　　　　□■
□■　　■　　■　■　■　■　■　　　□■　　□□□■　□　　　　□■■
□■　　■　　■■■　■　■　■　http://www.nifty.ne.jp/forum/from40pc/
これでうまく行くやろ。(^_^)

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

こんなふうに、思ったとおりの表示をさせることができるようになります。

これで、ほんちさんも修行を終えて戻ってこれるのだろうか。(^_^)

Lesson 1	Lesson 2	Lesson 3	Lesson 4	Lesson 5	Lesson 6	Lesson 7	Lesson 8	Lesson 9	Lesson10
Lesson11	Lesson12	Lesson13	Lesson14	Lesson15	Lesson16	Lesson17	Lesson18	Lesson19	Lesson20
Lesson21	Lesson22	Lesson23	Lesson24	Lesson25	Lesson26	Lesson27	Lesson28	Lesson29	Lesson30

みつりんの簡単ホームページ講座トップ

トップページへ	コマンドプロンプト	VBAで遊ぼう	パレットへ(注)	ホームページ道場へへ(注)
(注）@nifty会員のみご利用いただけます		30日で完成ホームページ本		ファイルの開き方