改行と段落（ホームページは難しくない）

～

●　改行

ワープロなどで文章を打つときは　適度に改行をいれたりしますね
でも　HTMLの場合は　改行を入れても　そのままでは　「改行」と認識してくれません
そこで　改行したい部分に　「改行してください」　という命令のタグをいれます

例えば

<html>
<head>
<title>ごあいさつ</title>
</head>
<body>

はじめまして
徳島のmamohoと申します
よろしくお願いします

</body>
</html>

という文章を　このまま書いてしまうとこんな形になってしまいます　　→　クリック

はじめまして徳島のmamohoですよろしくお願いします

そこで　改行して欲しい部分に　 　というタグを入れます
これは　終了タグはありません

<html>
<head>
<title>ごあいさつ</title>
</head>
<body>

はじめまして 
徳島のmamohoと申します 
よろしくお願いします

</body>
</html>

すると　こんなページになります　　→　クリック

この　 　を何度も入れると　入れた分だけ　改行が入って余白ができるのですが
多用するのはやめたほうがいいと思います（笑）

文字がずら～～～っと並んで　ブラウザのページにおさまりきらないときは
この　 　が入っていなくても　そのウィンドウにあわせて自動的に改行されます

ブラウザのウィンドウの大きさを変えてみると　その大きさに合わせて改行
されているのがわかりますね

こんな感じで文章を書くのもいいですが　読む側にしてみれば　目が疲れて
しまいますので　ここはやはり　適当に改行をいれたほうがいいでしょう
目安としては　フォント３の大きさで　40文字～50文字あたりといった
ところでしょうか・・・

●　段落

　～　　で囲まれた部分は　その範囲が段落になっています
文章と文章を分けたいときなどに使います

一般的なブラウザでは　この　　～　で囲まれた部分の前で
改行されて　さらに余白が空きます

これも　何度も入れて余白を作ることができますが　多用はやめましょう
終了タグの　　は　省略することができますが　
省略しないのが一般的です

<html>
<head>
<title>ごあいさつ</title>
</head>
<body>

はじめまして 
徳島のmamohoと申します 
よろしくお願いします



現在　小学校２年生のお兄ちゃん　大輔君と 
２歳の娘　奈美ちゃんがいます


</body>
</html>

すると　こんなページになります　　　　　　→　クリック