ホームページのつくりかた・３．文

★　３．ぶんを　みやすく（テキスト制御）　★

　　　 ぶんを　みやすく　きってみよう　　　

１．「さいしょのさいしょ」でつくった「file1.html」に、
したの　ふともじでかいてある　きごう（タグ）をかいてみてね。
（はいいろのところは「file1.html」でつくったものなので、かかなくていいです）

<HTML>
<HEAD>
<TITLE>　はじめてのホームページ　</TITLE>
</HEAD>
<BODY>
　　こんにちは。こんにちは。
　　こんにちは。
　　こんにちは。
　　こんにちは。こんにちは。
</BODY>
</HTML>

「こんにちは」を　たくさんかいたけど、　このファイルを、ブラウザでみてみると…？（「みてみよう」ボタンをおしてね）

みてみよう！

…………………………………………………………………………………………………
ありゃりゃ…。「こんにちは。」のもじが、よこになが～くつながっちゃった。
…………………………………………………………………………………………………

じゃ、とちゅうで　きってみよう。
さっきのファイルに、したのように<BR>というタグをいれてね。

<HTML>
<HEAD>
<TITLE>　はじめてのホームページ　</TITLE>
</HEAD> <BODY>
　　こんにちは。こんにちは。
　　こんにちは。
　　こんにちは。<BR>
　　こんにちは。<BR>こんにちは。

</BODY>
</HTML>

　このファイルを、ブラウザでみてみると…？（「みてみよう」ボタンをおしてね）

みてみよう！

……………………………………………………………………………………………
「こんにちは。」のならびかたが、ファイルとがめんじゃぜんぜんちがう！？

……………………………………………………………………………………………

●・　せつめい　・●

<BR>
「２．もじのいろいろ」でもでてきた、かいぎょう（ぎょうをかえる）タグです。
このタグがなければ、いくらファイルをつくるときにぎょうをかえても、
がめんにはよこになが～く　かかれてしまいます。

また、ファイルではながいぶんでも、このタグがとちゅうにあれば、
そこでぎょうがかわっちゃいます。

だから、ファイルとがめんの「こんにちは。」のならびかたが　ちがっていたんだね。

　　　　　　　 だんらくって？ 　　　　　　　　

……………………………………………………………………………………………
…だんらくって？
もじや　ぶんの　あつまりです。
……………………………………………………………………………………………

さっきかいたつづきに、したのきごう（タグ）をかいてみてね。
（はいいろのところはうえでつくったものなので、かかなくていいです）

<HTML>
<HEAD>
<TITLE>　はじめてのホームページ　</TITLE>
</HEAD>
<BODY>
　　こんにちは。こんにちは。
　　こんにちは。
　　こんにちは。<BR>
　　こんにちは。<BR>こんにちは。
<P>
　　きょうはどんなおてんきですか。<BR>
　　はれたひは、そとにでて、おもいっきりあそぼうね。<BR>
　　　あめのひには、てるてるぼうずでも、つくろうか。<BR>
　　ゆきがふったら、ゆきがっせんしよう。<BR>
</P>

</BODY>
</HTML>

　ブラウザでみてみると…？（「みてみよう」ボタンをおしてね）
ぶんが、ひとかたまりになって、うえとしたに　いちだんあいだがあいていますね。　

みてみよう！

●・　せつめい　・●

<P></P>
だんらくをきめるめいれいです。
</P>のあとに、いちだん　あいだがあきます。

……………………………………………………………………………………………
この　だんらくぜんたいに、
ひとまとめに　いろんなめいれいを　だせます。
……………………………………………………………………………………………

　　たとえば、ね。
　　<P>のところを、<P ALIGN="right">
（だんらくぜんぶを　みぎによせなさい、というめいれい）としてみると…。

みてみよう！

だんらくが　みぎによっちゃったね。
(ほかに、<DIV ALIGN="right">のタグで、ぶんを　みぎによせることができます。）

まんなかにも、よせられるんだよ♪
　<P>のところを、<P ALIGN="center">
（だんらくぜんぶを　まんなかによせなさい、というめいれい）にしてみると…。

みてみよう！

ほかに、<DIV ALIGN="center">や、<CENTER>などのタグで、
ぶんを　まんなかによせることができます。

　　ファイルのとおりに　がめんにもじを　かいてみる　　　

……………………………………………………………………………………………
「0」や「o」で、おはなのえを　かいてみよう。
「めもちょう」でかいたとおりに　がめんにうつさせる　タグがあります。
（「みてみよう」ボタンをおしてね）
……………………………………………………………………………………………

みてみよう！

さっきでかいたつづきに、したのきごう（タグ）をかいてみてね。
（はいいろのところは上でつくったものなので、かかなくていいです）

<HTML>
<HEAD>
<TITLE>　はじめてのホームページ　</TITLE>
</HEAD>
<BODY>
　　こんにちは。こんにちは。
　　こんにちは。
　　こんにちは。<BR>
　　こんにちは。<BR>こんにちは。

<P> 　　きょうはどんなおてんきですか。<BR>
　　はれたひは、そとにでて、おもいっきりあそぼうね。<BR>
　　　あめのひには、てるてるぼうずでも、つくろうか。<BR>
　　ゆきがふったら、ゆきがっせんしよう。<BR>
</P>
　<PRE>
0 0 o 0 おはな。 0 0 | d|b
</PRE>
</BODY>
</HTML>

●・　せつめい　・●

<PRE></PRE>
このタグでかこんだ文は、<BR>や<P>をくっつけなくても、
ファイルにかいたとおりにがめんにうつさせることができます。

もうすこし　おにいさん、おねえさんのためのまとめです。

　タグのいろいろ(3)
　　テキスト指定タグ

<BR> →改行

<WBR> →弱い改行

<P></P> →段落

<NOBR> →改行禁止

<PRE> →整形済みテキストの表示

<DIV></DIV> →文字の表示位置

　<DIV ALIGN="right"></DIV> →右よせ

　<DIV ALIGN="center"></DIV> →真ん中よせ

<CENTER></CENTER> →真ん中よせ

<BLOCKQUOTE></BLOCKQUOTE> →引用文

<HR> →罫線

<BLINK></BLINK> →点滅（ネットスケープのみ）

<MARQUEE></MARQUEE> →マーキー（ＩＥのみ）

　罫線、点滅、マーキーについては、次のページで詳しくお話します。

まえへ

つぎへ

<BR>	→改行
<WBR>	→弱い改行
<P></P>	→段落
<NOBR>	→改行禁止
<PRE>	→整形済みテキストの表示
<DIV></DIV>	→文字の表示位置
<DIV ALIGN="right"></DIV>	→右よせ
<DIV ALIGN="center"></DIV>	→真ん中よせ
<CENTER></CENTER>	→真ん中よせ
<BLOCKQUOTE></BLOCKQUOTE>	→引用文
<HR>	→罫線
<BLINK></BLINK>	→点滅（ネットスケープのみ）
<MARQUEE></MARQUEE>	→マーキー（ＩＥのみ）