>> HTML講座 >> 文字をいじってみよう!

文字をいじってみよう!

基本2.gif (3034 バイト)

1行を変えよう!
NE3 NE4 NE6 IE3 IE4 IE5 IE6 i

改行とは何か?改行とは文字を1つ下の行に移すことだよ。
さっきみたいに普通に文字を書いていたらずっと画面の端まで文字が続いてしまうね。
画面の一番右まで行ってはじめて下の段に文字が移るんだ。
でも、文章を見やすくするためには途中で下に改行しないといけないね。
そんなときは次のマーク(これをタグという)を使うんだ。

※・・・・タグという言葉も覚えようね。パソコンやってるといろんな難しい言葉が出てくるから混乱してくるけど、わかるようになったら便利なものだからね。初めて聞く名前なんて全部そんなもの。はじめはややこしいと思うよ。でも言葉というのは便利にするために作られるものなので頑張って覚えようね。このページだけで勉強するんだったらいいんだけどね、たぶんいろんな本を読んだりするでしょ?そのときはたくさんわからない言葉が出てくると思うから少しずつでいいから単語を覚えていこう。(僕も初めはわからないことばかりだったしね。今でもわからないことがいっぱいある。僕もこれを通じて一緒に勉強していきます)

<BR>
<DIV>
・・・・改行
・・・・改行

これは改行のマーク。一段だけ段を下げたい時に使うよ。

<P>・・・・段落
( <P>〜</P> )

これは段落を作るマーク。下に一行スペースを空けて表示することができるよ。
(小学生のときに国語で段落分けとかをしたよね、段落と段落の間には1行空いていたね。)
下の<P>〜</P>でもいいよ。でも上の<P>の方が楽でいいよね、今は<P>だけを使っている人が多いよ。
※ちなみに<P>は連続して使えない。4行空けたいときは<BR>を5回使おう

 SOURCE
<BODY>〜</BODY>に書く

@ おはよう、こんにちは、こんばんは。

A おはよう、
  こんにちは、こんばんは。

B おはよう、<BR>こんにちは、こんばんは。              ←<BR>改行、<DIV>でもいい

C おはよう、<P>こんにちは、こんばんは。               ←<P>段落

D <P>おはよう、</P>こんにちは、こんばんは。            ←<P>〜</P>段落

※1 おはよう、<BR>
    こんにちは、こんばんは。

※2 おはよう<P><P><P>こんにちは、こんばんは。

ブラウザで見ると。(保存して見てみよう。)

 RESULT  
@ おはよう、こんにちは、こんばんは。     ←これは普通だね。

A おはよう、こんにちは、こんばんは。     ←@と同じようになる。

B おはよう、
  こんにちは、こんばんは。           ←<BR>で改行されているね

C おはよう、
                             ←<P>で一行あいているね。
  こんにちは、こんばんは。

D おはよう、
                             ←Cと同じようになるよ。
  こんにちは、こんばんは。

※1 おはよう、
    こんにちは、こんばんは。

※2 おはよう、
                             ←1行しか空かない
    こんにちは、こんばんは。

@とAは同じように示されるよ。
AはHTML文書内では一段下に改行されているけど<BR>が無いからブラウザ上では関係ないよ、ここを注意しようね。
Bはさっきやったように<BR>で一段改行されてるね。Cは段落<P>なので一段空いているよね、もちろん<BR>(改行)を2回続けても同じ結果になるよ。
DはCと同じ結果になっているね。
※1の部分については文書を見やすくするための書き方。文書内での改行は関係ないから(Aより)BとHTML文の形は違うけど、結果はBと同じになるね。
※2のように<P>は連続して使っても1回分しか効果は無いんだ。


文字をいじってみよう
文字の大きさを変えよう