タグ言語の実習━表(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ピクセル←クリック