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