それでは二回目です。ですがその前に、少しＨＴＭＬ講座に関しての感想を述べさせて頂きます。
実は、はっきり言って驚いています。こんな間接的な方法で講座を行って、こんなに良く理解して貰えるとは思っていませんでした。
多分、とっても説明が大変だろうと思っていたのですが、ちょっとみなさんのことを、あまりに、初心者だと思い過ぎていたようです。
はっきり言って、大学で後輩に教えていたときよりも、とっても進めやすいです（こんなこと言って、後輩達よゴメンね・・・）！！ (^^)ということで、今回は文字のレイアウトの方法をマスターしましょう！！
● それでは、まずは改行の仕方です。文を改行するには、<br> というタグと <p> というタグを使用します。
<br> はただ改行するだけ。
<p> は、一行空白行を空けて、改行します。それでは、試しに次のように書いてみましょう。
<html>
<body>1.鈴木辰之
2.すずきたつゆき3.鈴木辰之<br>
4.すずきたつゆき<br>5.鈴木辰之<p>
6.すずきたつゆき<p>
7.改行の練習</body>
</html>
それでは、エクスプローラーで適当な名前で保存して(****.html 必ず、ファイル名には.htmlを付けること)、開いてみましょう。もうできますよね。結果は次のようになりましたか。
1.鈴木辰之 2.すずきたつゆき 3.鈴木辰之
4.すずきたつゆき
5.鈴木辰之6.すずきたつゆき
7.改行の練習
「1.」にはメモ帳ではリターンをしていますが、改行のタグは記入していません。
また「2.」の終わりにもリターンと、さらに一行空白行が入っていますが、改行のタグは記入していません。
だから、「1.2.3.」行は連続して一行に表示されました。このように、メモ帳上でいくらリターンや、空白行を入力しても、ブラウザーで開いた時には無視されるのです。
メモ帳や、ワープロソフトと違って、ここを注意しなければなりません。
ＨＴＭＬは「タグ」による命令が全てなのです。そして、「3.4.」行で初めて <br> を使いました。だから、改行されていますよね。
そして次の「5.6.」では <p> を使いました。たから、一行空白行を入れて、改行されています。このように、改行する方法は２種類ありますので、時と場合によって使い分けましょう！！
（注意：掲示板では、改行自動認識なので、このタグは正しく動作しません。） キーンコーンカーンコーン・・・（１限目終了）
２限目 （中央添えと、右詰をマスターする）
ブレイクタイムはきちんと取りましたか？
それでは、改行をマスターしたところで、文字をどこに配置するか？について学びましょう。
そのままでは、左詰で表示されますね。でもセンターや右側に表示したいとき、そんな場合は、次のタグを使いましょう。また例に習ってやってみましょう！！
<html>
<body>1.鈴木辰之<p>
<center>2.すずきたつゆき</center>
<div align="right">3.Thanks!</div>
4.See you.</body>
</html>
結果は次のようになりましたか？
1.鈴木辰之
2.すずきたつゆき 3.Thanks!4.See you.
このように、<center> と、</center> で挟まれた文字（或いは画像）はセンタリングされます。
そして更に、センタリングと同時に、改行もされるのです。また右詰めには <div> と </div> いうタグで挟みます。そして、このタグに、「 align="right" 」というオプションを付けましょう。
すると、右詰ができるというわけです。このタグも自動的に改行を行ってくれます。
改行して欲しくないときは、改行して欲しくない文字や画像を <div> と </div> の間に記入しましょう。このタグは、掲示板でも使用可能です。色々試してみましょう！！
少しづつ難しくなってきたことと思います、大丈夫ですか？
次回は、もうすでにやっている、フォントタグの説明（カラーコードの説明）に入って行きます。
今回の講座でやったことと、フォントタグを組み合わせて色々試して見て下さいね。これらだけでも、作り方次第で結構奇麗なＨＰを作ることができると思います。
次回は、宿題もありますよ。楽しみにしていて下さい！！