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