タグ言語で表(1×4)2枚の写真に書体・色など2行の説明文

(1)無地のタグ言語
<HTML>
<BODY>
</BODY>
</HTML>
(1)無地のタグ言語

(2)写真2枚それぞれに説明文
<HTML>
<BODY>
<CENTER>
<TABLE width="700" border="1">
@<TR>
<TD align="center"><IMG src="gisi04.jpg" height="440" width="700"></TD>
</TR>@
A<TR>
<TD align="center">大石内蔵助</TD>
</TR>A
B<TR>
<TD align="center"><IMG src="gisi05.jpg" height="443" width="700"></TD>
</TR>B
C<TR>
<TD align="center">神崎与五郎</TD>
</TR>C
</TABLE>
</CENTER>
</BODY>
</HTML>
(2)写真2枚それぞれに説明文

(1)「@<TR>〜</TR>@」の間のタグ言語は、写真を表示します。
(2)「A<TR>〜</TR>A」の間のタグ言語は、説明文を表示します。
(3)「B<TR>〜</TR>B」の間のタグ言語は、写真を表示します。
(4)「C<TR>〜</TR>C」の間のタグ言語は、説明文を表示します。
タグ言語から2枚の写真・説明文2行を挿入する←クリック

(3)写真2枚それぞれに説明文を太字で
<HTML>
<BODY>
<CENTER>
<TABLE width="700" border="1">
<TR>
<TD align="center"><IMG src="gisi04.jpg" height="440" width="700"></TD></TR>
<TR>
<TD align="center">D<B>E<FONT size="+1">大石内蔵助、赤穂城・清水門より去る</FONT>E</B>D</TD></TR>
<TR>
<TD align="center"><IMG src="gisi05.jpg" height="443" width="700"></TD></TR>
<TR>
<TD align="center">D<B>E<FONT size="+1">神崎与五郎の「堪忍するが堪忍」</FONT>E</B>D</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
(3)写真2枚それぞれに説明文を太字で

(1)「D<B>〜</B>D」の間のタグ言語は、太字を表示します。
(2)「E<FONT>〜</FONT>E」の間のタグ言語は、様々なフォントを表示します。
(3)「E<FONT>〜</FONT>E」で囲まれた「size="+1"」は、文字サイトが「+1」を意味します。
2枚の写真に説明文2行を太字・文字サイズ「+1」←クリック

(4)説明文の行に黄色の背景色
<HTML>
<BODY>
<CENTER>
<TABLE width="700" border="1">
<TR>
<TD align="center"><IMG src="gisi04.jpg" height="440" width="700"></TD></TR>
<TR>
<TD align="center" Fbgcolor="yellow">D<B>E<FONT Gsize="+2">大石内蔵助、赤穂城・清水門より去る</FONT>E</B>D</TD></TR>
<TR>
<TD align="center"><IMG src="gisi05.jpg" height="443" width="700"></TD></TR>
<TR>
<TD align="center" Fbgcolor="yellow">D<B>E<FONT Gsize="+2">神崎与五郎の「堪忍するが堪忍」</FONT>E</B>D</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
(4)説明文の行に黄色の背景色

(1)「F<TD>〜</TD>D」内の「Fbgcolor="yellow"」は、セル内を黄色の背景色に設定します。
(2)「E<FONT>〜</FONT>E」内の「Gsize="+2"」は、文字サイトが「+2」を意味します。
説明文の行に黄色の背景色←クリック

(5)説明文の文字色・フォント
<HTML>
<BODY>
<CENTER>
<TABLE width="700" border="1">
<TR>
<TD align="center"><IMG src="gisi04.jpg" height="440" width="700"></TD></TR>
<TR>
<TD align="center" Fbgcolor="yellow">D<B>E<FONT Gsize="+2" Hcolor="red" Iface="麗流隷書">大石内蔵助、赤穂城・清水門より去る</FONT>E</B>D</TD></TR>
<TR>
<TD align="center"><IMG src="gisi05.jpg" height="443" width="700"></TD></TR>
<TR>
<TD align="center" Fbgcolor="yellow">D<B>E<FONT Gsize="+2" Hcolor="red" Iface="麗流隷書">神崎与五郎の「堪忍するが堪忍」</FONT>E</B>D</TD></TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
(5)説明文の文字色・フォント

(1)「E<FONT>〜</FONT>E」内の「Hcolor="red"」は、文字色がred(赤)を意味します。
(2)「E<FONT>〜</FONT>E」内の「Iface="麗流隷書"」は、フォントが「麗流隷書」を意味します。
説明文の文字色・フォント←クリック