表を使う  私の朝、昼、晩(フレーム画面/htm)参照

説明

htm文

表示

表を使うとうまく物事をまとめられます。

<table border="数値" width="数値">と</table>で囲む。
 width="数値"は表全体の横幅、border="数値"は縁の幅

<tr>と<tr>で行、
<td width="238">あああ</td>で列とその中身を表す。
行の数だけ<tr>と</tr>を繰り返す。
列の数だけ<td>と</td>を繰り返す。
<table border="1" width="720">
<tr>
<td width="238">朝</td>
<td width="270">昼</td>
<td width="192">晩</td>
</tr>
<tr>
<td width="238">あああ</td>
<td width="270"> いいい</td>
<td width="192" >ううう</td>
</tr>
</table>
border="1"の時
あああ いいい ううう

画面をレイアウトするために、フレームという難しいテクニックをつかわなくても表で代用できます。むしろ、そのために使われている場合の方が多いかもしれません。
border="0"は縁が画面に現れません。レイアウトに便利。

位置揃え上 valign="top"
位置揃え中央 valign="center"
位置揃え下 valign="bottom"

表の高さ指定 height="58"

<table border="3" width="600" height="58">
<tr>
<td width="200"
valign="top">
          あああ</td>
<td width="200"
valign="center">
          いいい</td>
<td width="200" 
valign="bottom" >
          ううう</td>
</tr>
</table>


border="3"の時
あああ いいい ううう

border="0"の時
あああ いいい ううう
れで、ページB 私の朝、昼、晩も前に学んだこととの合わせ技で完成です。
文章を先に入力しておいて、後から、タグを文章の区切りの場所に、コピー貼り付けを使って、入れていく方が早いかもしれないですね。htmタグって、エンターキーを押すようなもんだ。
「私の写真」、「家族の写真」のページも、ホームページを作ると同じ方法で簡単にできるから、やってしまおう。
次の課題は、リンクなんだけど、全てのページがフォールダ「BUNN」に入っているか確認しておこう。