| タグ言語で表の中に表（２枚・３枚・４枚写真・説明文) | ||||
|
| ||||
| （１）無地のタグ言語 | ||||
| <HTML> <BODY> </BODY> </HTML> | ||||
| （１）無地のタグ言語 | ||||
|
| ||||
| （２）表(１×１)、幅＝700ピクセル、ボーダー＝表示("1") | ||||
| ||||
| ↑ 表(１×１)、幅＝700ピクセル、ボーダー＝表示("1") | ||||
| <HTML> <BODY> @<CENTER> A<TABLE @width="700" Aborder="1"> B<TR> C<TD></TD>C </TR>B </TABLE>A </CENTER>@ </BODY> </HTML> | ||||
| （２）表(１×１)、幅＝700ピクセル、ボーダー＝表示("1") | ||||
|
| ||||
| (１)「@<CENTER>〜</CENTER>@」の間の情報を「中央揃え」します。 (２)「A<TABLE>〜</TABLE>A」の間の情報を表の中に表示します。 (３)「B<TR>〜</TR>B」は、１行を意味します。 (４)「C<TD>〜</TD>C」は、１セル(マス)を意味します。つまり、この場合は、1行に１セルを表示しています。 (５)「A<TABLE>〜</TABLE>A」の中の「@width="700"」は幅が700ピクセルという意味です。 (６)「A<TABLE>〜</TABLE>A」の中の「Aborder="1"」はボーダー表示という意味です。 | ||||
| 表(１×１)、幅＝700ピクセル←クリック | ||||
|
| ||||
| （３）表(２×１)、幅＝700ピクセル | ||||
| ||||
| ↑ 表(２×１)、幅＝700ピクセル、ボーダー＝表示("1") | ||||
| A<TABLE @width="700"
Aborder="1"> B<TR> C<TD></TD>C C<TD></TD>C </TR>B </TABLE>A | ||||
| （３）表(２×１)、幅＝700ピクセル | ||||
|
| ||||
| (１)「B<TR>〜</TR>B」内の「C<TD>〜</TD>C」が２つとは、１行に１セル(マス)を意味します。 (２)１セルの幅350ピクセル×2セル＝700ピクセルになります。 | ||||
| （５）表(２×２)に４枚の写真を挿入 | ||||
|
| ||||
| （４）表(２×２)、幅＝700ピクセル | ||||
| ||||
| ↑ 表(２×２)、幅＝700ピクセル、ボーダー＝表示("1") | ||||
| <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> | ||||
| （４）表(２×２)、幅＝700ピクセル | ||||
|
| ||||
| (１)「B<TR>〜</TR>B」内の「C<TD>〜</TD>C」が２つとは、１行に１セル(マス)を意味します。 (２)１セルの幅350ピクセル×2セル＝700ピクセルになります。 (３)さらに、「B<TR>〜</TR>B」内の「C<TD>〜</TD>C」が２つとは、１行に１セル(マス)を意味します。 (４)つまり、「B<TR>〜</TR>B」が２つ、その「B<TR>〜</TR>B」内に「C<TD>〜</TD>C」が２つとは、２行×２セル＝表(２×２)を意味します。 | ||||
| 表(２×２)、幅＝700ピクセル←クリック | ||||
|
| ||||
| （５）表(２×２)に４枚の写真を挿入 | ||||
 | ||||
| <TABLE width="700" border="1"> B<TR> C<TD>B<IMG src="gisi01.jpg" height="217" width="350"></TD>C C<TD>B<IMG src="gisi02.jpg" height="219" width="350"></TD>C </TR>B B<TR> C<TD>B<IMG src="gisi03.jpg" height="222" width="350"></TD>C C<TD>B<IMG src="gisi04.jpg" height="222" width="350"></TD>C </TR>B </TABLE> | ||||
| 説明（５）表(２×２)に４枚の写真を挿入 | ||||
|
| ||||
| (１)「B<TR>〜</TR>B」が２つ、その「B<TR>〜</TR>B」内に「C<TD>〜</TD>C」が２つとは、２行×２セル＝表(２×２)を意味します。 (２)各々の「C<TD>〜</TD>C」内に「B<IMG src="gisi01.jpg" height="217" width="350"」があるということは、各々ののセル内に写真が挿入されていることを意味します。 | ||||
| 表(２×２)に４枚の写真を挿入←クリック | ||||
|
| ||||
| （６）見本 | ||||
 | ||||
| A<TABLE width="700"
border="1"> C<TR> D<TD> E<TABLE border="1"> B<TR> C<TD align="center"><IMG src="gisi06.jpg" height="222" width="350"></TD>C C<TD align="left"> 大高源五は煤竹売りに変装して吉良邸の様子を探っていました。その帰りに両国橋に来た時、宝井其角と出会いました。<BR> 其角はあまりの身なりに哀れを感じて、「年の瀬や 水の流れと 人の身は」と詠むと、源五は「あしたまたるる その宝船」と返歌しました。<BR> 其角はその歌から源五の再就職が決まったんだろうと推測しましたが、はっと気がつきました。<BR> 待ちに待った討ち入りを暗示していることに…。</TD>C </TR>B </TABLE>E </TD>D </TR>C </TABLE>A | ||||
| 説明 | ||||
|
| ||||
| (１)「A<TABLE>〜</TABLE>A」の中に「E<TABLE>〜</TABLE>E」が１つあります。１つの表の中に１つの表を作成しています。 (２)「C<TR>〜</TR>C」の中に「B<TR>〜</TR>B」が１つあります。１行の中に１行追加します。 (３)「B<TR>〜</TR>B」の中に「C<TD>〜</TD>C」が２つあります。１行の中に２つのセルといういみです。最初のセルには写真、次のセルには文章を入力しています。 | ||||
| 表(１×１)の中の表(２×１)に１枚の写真と文章を挿入←クリック |