タグ言語の実習━表(1×1、1×2、2×1、2×2)

(1)メモ帳のタグ言語
<HTML>
<BODY>
<CENTER>
<TABLE border="1">
<TR>
<TD><IMG src="image01a.jpg" height="525" width="700"></TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
(1)メモ帳のタグ言語

(2)幅700ピクセルの表(1×1)のページ
123
↑ 幅700ピクセルの表(1×1)のページ
<HTML>
<BODY>
@<CENTER>
A<TABLE width="700" border="1">
B<TR>
C<TD></TD>C
</TR>B
</TABLE>A
</CENTER>@
</BODY>
</HTML>
(2)幅700ピクセルの表(1×1)のページ

(1)「@<CENTER>〜</CENTER>@」の間の情報を「中央揃え」します。
(2)「A<TABLE></TABLE>A」の間の情報を表に入れます。
(3)「B<TR></TR>B」は1行を表示します。
(4)「C<TD></TD>C」は1セルを表示します。
(5)「B<TR></TR>B」の間に「C<TD></TD>C」が1つとは、表(1×1)という意味します。
表(1×1)、幅=700ピクセル←クリック

(3)幅700ピクセルの表(1×2)のページ
123
123
↑ 幅700ピクセルの表(1×2)のページ
<HTML>
<BODY>
@<CENTER>
A<TABLE width="700" border="1">
B<TR>
C<TD></TD>C
</TR>B
B<TR>
C<TD></TD>C
</TR>B
</TABLE>A
</CENTER>@
</BODY>
</HTML>
(3)幅700ピクセルの表(1×2)のページ

(1)「B<TR></TR>B」の間に「C<TD></TD>C」で1列の1行という意味です。
(2)さらに、「B<TR></TR>B」の間に「C<TD></TD>C」を追加します。
(3)その結果、1列の2行(1×2)の表が完成します。
表(1×2)、幅=700ピクセル←クリック

(4)幅700ピクセルの表(2×1)のページ
123 123
↑ 幅700ピクセルの表(2×1)のページ
<HTML>
<BODY>
@<CENTER>
A<TABLE width="700" border="1">
B<TR>
C<TD></TD>C
C<TD></TD>C
</TR>B
</TABLE>A
</CENTER>@
</BODY>
</HTML>
(4)幅700ピクセルの表(2×1)のページ

(1)「B<TR></TR>B」の間に「C<TD></TD>C」2つで2列の1行という意味です。
表(2×1)、幅=700ピクセル←クリック

(5)幅700ピクセルの表(2×2)のページ
123 123
123 123
↑ 幅700ピクセルの表(2×2)のページ
<HTML>
<BODY>
@<CENTER>
A<TABLE width="700" border="1">
B<TR>
C<TD></TD>C
C<TD></TD>C
</TR>B
B<TR>
C<TD></TD>C
C<TD></TD>C
</TR>B
</TABLE>A
</CENTER>@
</BODY>
</HTML>
(5)幅700ピクセルの表(2×2)のページ

(1)「B<TR></TR>B」の間に「C<TD></TD>C」2つで2列の1行という意味です。
(2)さらに、(1)「B<TR></TR>B」の間に「C<TD></TD>C」を追加します。
(3)つまり、2行の各々に2セル、(2×2)の表という意味です。
表(2×2)、幅=700ピクセル←クリック