練習 20

20-1-1 〜 20-6-1. 次のセルを連結したテーブルをつくれ。
練習 20-01
データ1
要素1
要素2
要素3
要素4
要素1要素2要素3
要素4要素5要素6
練習 20-02
データ1
要素1要素2
要素3
要素4要素5
要素6
要素1要素2要素3
要素4要素5
要素6要素7
要素8要素9要素10
要素11要素12
要素13
練習 20-03
データ1データ5データ7
データ2
要素1要素2要素3
要素4要素5
要素6要素7
要素8要素9要素10
要素11要素12
データ3
データ4データ8
練習 20-04
データ1
要素1
要素2
要素3
要素4
データ3
要素1要素2要素3
要素4要素5
要素6要素7
要素8
データ4
データ5データ7データ8
練習 20-05
データ1データ2
データ4データ5データ6
データ8
要素1要素2
要素4要素5要素6
要素8要素9
要素7
要素3
データ7
データ3
20-6-1. テーブルの入れ子形で、次のテーブルをつくれ。
解答 20-1-1. 20-01.html ---------------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML Lang="ja"> <HEAD> <META Http-Equiv="Content-Type" Content="text/html; charset=Shift_JIS"> <META Http-Equiv="Content-Style-Type" Content="text/css"> <TITLE>練習 20-01</TITLE> <STYLE type="text/css"> TABLE {border: 2px solid Teal} TABLE.Sub {border: 2px solid Magenta} TD {font-size: 0.9em; border: 1px solid Red; background-color: Ivory} TABLE.Sub * TD {border: 1px solid Green; background-color: MintCream} </STYLE> </HEAD> <BODY> <TABLE Summary="テーブルの入れ子1" Border="2" Cellspacing="2" Cellpadding="8"> <CAPTION>練習 20-01</CAPTION> <TR><TD Colspan="2" Align="center">データ1</TD></TR> <TR><TD> <TABLE Summary="入れ子1" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD>要素1</TD></TR> <TR><TD>要素2</TD></TR> <TR><TD>要素3</TD></TR> <TR><TD>要素4</TD></TR> </TABLE> <TD Valign="bottom"> <TABLE Summary="入れ子2" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD>要素1</TD><TD>要素2</TD><TD>要素3</TD></TR> <TR><TD>要素4</TD><TD>要素5</TD><TD>要素6</TD></TR> </TABLE> </TD></TR> </TABLE> </BODY> </HTML> 20-2-1. 20-02.html ---------------------------------------------------------------------------- 〜 <TABLE Summary="テーブルの入れ子2" Border="2" Cellspacing="2" Cellpadding="8"> <CAPTION>練習 20-02</CAPTION> <TR><TD Colspan="2" Align="center">データ1</TD></TR> <TR><TD Valign="top"> <TABLE Summary="入れ子1" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD>要素1</TD><TD>要素2</TD></TR> <TR><TD Colspan="2" Align="center">要素3</TD></TR> <TR><TD>要素4</TD><TD>要素5</TD></TR> <TR><TD Colspan="2" Align="center">要素6</TD></TR> </TABLE> <TD> <TABLE Summary="入れ子2" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD>要素1</TD><TD>要素2</TD><TD>要素3</TD></TR> <TR><TD Colspan="2" Align="center">要素4</TD><TD>要素5</TD></TR> <TR><TD>要素6</TD><TD Colspan="2" Align="center">要素7</TD></TR> <TR><TD>要素8</TD><TD>要素9</TD><TD>要素10</TD></TR> <TR><TD Colspan="2" Align="center">要素11</TD><TD>要素12</TD></TR> <TR><TD Colspan="3" Align="center">要素13</TD></TR> </TABLE> </TD></TR> </TABLE> 〜 20-3-1. 20-03.html ---------------------------------------------------------------------------- 〜 <TABLE Summary="テーブルの入れ子3" Border="2" Cellspacing="2" Cellpadding="8"> <CAPTION>練習 20-03</CAPTION> <TR><TD>データ1</TD><TD Align="center">データ5</TD><TD Rowspan="3">データ7</TD></TR> <TR><TD>データ2</TD> <TD Rowspan="3"> <TABLE Summary="入れ子1" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD>要素1</TD><TD>要素2</TD><TD>要素3</TD></TR> <TR><TD Colspan="2" Align="center">要素4</TD><TD>要素5</TD></TR> <TR><TD>要素6</TD><TD Colspan="2" Align="center">要素7</TD></TR> <TR><TD>要素8</TD><TD>要素9</TD><TD>要素10</TD></TR> <TR><TD Colspan="2" Align="center">要素11</TD><TD>要素12</TD></TR> </TABLE> </TD></TR> <TR><TD>データ3</TD></TR> <TR><TD>データ4</TD><TD>データ8</TD></TR> </TABLE> 〜 20-4-1. 20-04.html ---------------------------------------------------------------------------- 〜 <TABLE Summary="テーブルの入れ子4" Border="2" Cellspacing="2" Cellpadding="8"> <CAPTION>練習 20-04</CAPTION> <TR><TD Colspan="4" Align="center">データ1</TD></TR> <TR><TD Rowspan="3" Valign="top"> <TABLE Summary="入れ子1" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD>要素1</TD></TR> <TR><TD>要素2</TD></TR> <TR><TD>要素3</TD></TR> <TR><TD>要素4</TD></TR> </TABLE></TD> <TD>データ3</TD> <TD Colspan="2" Rowspan="2" Align="center"> <TABLE Summary="入れ子2" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD>要素1</TD><TD>要素2</TD><TD>要素3</TD></TR> <TR><TD Colspan="2" Align="center">要素4</TD><TD>要素5</TD></TR> <TR><TD>要素6</TD><TD Colspan="2" Align="center">要素7</TD></TR> <TR><TD Colspan="3" Align="center">要素8</TD></TR> </TABLE> </TD></TR> <TR><TD>データ4</TD></TR> <TR><TD>データ5</TD><TD>データ7</TD><TD>データ8</TD></TR> </TABLE> 〜 20-5-1. 20-05.html ---------------------------------------------------------------------------- 〜 <TABLE Summary="テーブルの入れ子5" Border="2" Cellspacing="2" Cellpadding="8"> <CAPTION>練習 20-05</CAPTION> <TR><TD Colspan="4" Align="center">データ1</TD><TD Rowspan="4">データ2</TD></TR> <TR><TD Rowspan="4">データ4</TD><TD Colspan="2" Align="center">データ5</TD><TD Rowspan="2">データ6</TD></TR> <TR><TD Rowspan="2">データ8</TD> <TD> <TABLE Summary="入れ子1" Border="2" Cellspacing="2" Cellpadding="8" Class="Sub"> <TR><TD Colspan="4" Align="center">要素1</TD><TD Rowspan="4">要素2</TD></TR> <TR><TD Rowspan="4">要素4</TD><TD Colspan="2" Align="center">要素5</TD><TD Rowspan="2">要素6</TD></TR> <TR><TD Rowspan="2">要素8</TD><TD>要素9</TD></TR> <TR><TD Colspan="2" Align="center">要素7</TD></TR> <TR><TD Colspan="4" Align="center">要素3</TD></TR> </TABLE> </TD></TR> <TR><TD Colspan="2" Align="center">データ7</TD></TR> <TR><TD Colspan="4" Align="center">データ3</TD></TR> </TABLE> 〜 20-6-1. 20-06.html ---------------------------------------------------------------------------- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML Lang="ja"> <HEAD> <META Http-Equiv="Content-Type" Content="text/html; charset=Shift_JIS"> <META Http-Equiv="Content-Style-Type" Content="text/css"> <TITLE>イタリア旅行</TITLE> <STYLE type="text/css"> BODY {text-align: center; letter-spacing: 0.1em} TABLE.Zentai {border: 2px solid Pink} CAPTION {font: bold 1.2em/1.5 'MS ゴシック', monospace; color: Navy} CAPTION.Uchi {font: bold 0.9em/1.1 'MS ゴシック', monospace; color: Black} IMG,IMG.Tate {border-width: 0px} IMG {width: 120px; height: 90px} IMG.Tate {width: 90px; height: 120px} SPAN {vertical-align: 15px} P {width: 21em; font-size: 0.85em; margin-bottom: 0.5em; text-align: left; text-indent: 0.95em} DIV {font: 0.8em Times New Roman, serif; text-align: right; padding-right: 0.8em} </STYLE> </HEAD> <BODY> <TABLE Summary="ヴェッキオ橋とミラノ大聖堂の説明" Border="2" Cellpadding="6" Id="Zentai"> <CAPTION>イタリア旅行</CAPTION> <TR><TD Valign="top"> <TABLE Summary="ヴェッキオ橋の説明"> <CAPTION Class="Uchi">ヴェッキオ橋</CAPTION> <TR> <TD><A Href="italy-15.jpg"><IMG Src="italy-15s.jpg" Alt="朝のヴェッキオ橋"></A> <A Href="italy-9.jpg"><IMG Src="italy-9s.jpg" Alt="夕暮れヴェッキオ橋"></A></TD> </TR> <TR><TD> <P>ヴェッキオ橋はフィレンツェにある有名な橋だ。橋の中を歩いているときはさほど 感じないが、外からこの橋を眺めていると、中世の時代へタイムスリップして、あ たかも自分がこの町の住人であったかのように思えてくる。橋には当時の行きかう 人達の姿が見え、町のにぎわいまでもが見えてくる。</P> <DIV>- 2003.8 -</DIV> </TD></TR></TABLE> </TD> <TD> <TABLE Summary="ミラノ大聖堂の説明"> <CAPTION Class="Uchi">ミラノ大聖堂</CAPTION> <TR> <TD><A Href="italy-4.jpg"><IMG Src="italy-4s.jpg" Alt="ミラノ大聖堂" Class="Tate"></A> <SPAN><A Href="italy-5.jpg"><IMG Src="italy-5s.jpg" Alt="大聖堂の中"></A></SPAN></TD> <TR> <TR><TD> <P>大聖堂は現地語(イタリア語)でドゥオモ(duomo)という。ミラノのドゥオモは建造物 の大きさとしては世界第3位だが、イタリアゴシック建築の代表作と言われている。 まず、135 本の尖塔を持つその独特なデザインに目を奪われるが、何よりも増して 驚くのが、1386 年着工、1887 年完成、という実に 500 年に渡るその建造期間だ。</P> <DIV>- 2003.8 -</DIV> </TD></TR></TABLE> </TD></TR> </TABLE> </BODY> </HTML>