| タグ言語の実習━表（表の幅、表の中に表、セルに色） | ||||||
|
| ||||||
| （１）幅700ピクセルの表(２×２)のページ | ||||||
| ||||||
| ↑ 幅700ピクセルの表(２×２)のページ | ||||||
| <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> | ||||||
| （１）幅700ピクセルの表(２×２)のページ | ||||||
|
| ||||||
| (１)「B<TR></TR>B」の間に「C<TD></TD>C」２つで２列の１行という意味です。 (２)さらに、(１)「B<TR></TR>B」の間に「C<TD></TD>C」を追加します。 (３)つまり、２行の各々に２セル、（２×２)の表という意味です。 | ||||||
| 表(２×２)、幅＝700ピクセル←クリック | ||||||
|
| ||||||
| （２）幅700ピクセルの表(２×１)、セル内の幅を長短、色 | ||||||
| ||||||
| ↑ 幅700ピクセル、セル(２×１)、セル内の幅を長、色短 | ||||||
| <TABLE width="700" border="1"> B<TR> C<TD width="450" bgcolor="red"></TD>C C<TD width="250" bgcolor="blue"></TD>C </TR>B </TABLE> | ||||||
| （２）幅700ピクセル、セル(２×１)、セル内の幅を長短、色
| ||||||
| (１)「B<TR></TR>B」の間に「C<TD></TD>C」２つで２列の１行という意味です。 (２)最初の「C<TD></TD>C」の間の「width="450"」は、セル幅が450ピクセルを意味します。(３)次の「C<TD></TD>C」の間の「width="250"」は、セル幅が250ピクセルを意味します。 (４)最初の「C<TD></TD>C」の間のbgcolor="red"は、セルの色が赤を意味します。 (５)次の「C<TD></TD>C」の間のbgcolor="blue"は、セルの色が青を意味します。 | ||||||
| 幅＝700ピクセル、セル(２×１)、セル内の幅を長短←クリック | ||||||
|
| ||||||
| （３）幅700ピクセル、２行、各々セル(２×１)、セル内の幅を長短、色 | ||||||
| ||||||
| ↑ 幅700ピクセル、２行、各々セル(２×１)、セル内の幅を長短、色 | ||||||
| A<TABLE
width="700" border="1"> B<TR> C<TD align="center"> A<TABLE width="700" border="1"> B<TR> C<TD width="450" bgcolor="red"></TD>C C<TD width="250" bgcolor="blue"></TD>C </TR>B </TABLE>A </TD>C </TR>B B<TR> C<TD align="center"> A<TABLE width="700" border="1"> B<TR> C<TD width="250" bgcolor="#00ff00"></TD>C C<TD width="450" bgcolor="#ffff00"></TD>C </TR>B </TABLE>A </TD>C </TR>B </TABLE>A | ||||||
| （３）幅700ピクセル、２行、各々セル(２×１)、セル内の幅を長短、色 | ||||||
|
| ||||||
| (１)「A<TABLE></TABLE>A」は全体の表の幅が700ピクセルを意味します。 (２)「B<TR></TR>B」が２つあることは、全体のセル内に２行を追加したことを意味します (３)「C<TD></TD>C」内の「align="center"」は、各々のセル内が「中央揃え」を意味します。 (４)その他は、(２)幅700ピクセル、セル(２×１)、セル内の幅を長短、色の説明と同じです。 | ||||||
|
| ||||||
| （４）見本 | ||||||
| 説明 | ||||||
|
| ||||||
| (１) | ||||||
|
| ||||||
| （５）見本 | ||||||
| 説明 | ||||||
|
| ||||||
| (１) | ||||||
|
| ||||||
| （６）見本 | ||||||
| 説明 | ||||||
|
| ||||||
| (１) | ||||||
|
| ||||||
| （７）見本 | ||||||
| 説明 | ||||||
|
| ||||||
| (１) | ||||||
|
| ||||||
| （８）見本 | ||||||
| 説明 | ||||||
| (１) |