練習 12
12-1-1. 本文 12-1.html を参考にして、次の画像付き文章を作成せよ。
12-2-1. 本文 12-2.html を参考にして、文字が画像に回り込むようにせよ。
12-3-1. 本文 12-3.html を参考にして、次の文字の回り込みを途中解除する文章を作成せよ。
<![CDATA[
解答
12-1-1.
12-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>ヴェッキオ橋</TITLE>
<STYLE type="text/css">
H1 {font-size: 1em}
P {font-size: 0.92em; width: 21em}
IMG {width: 120px; height: 90px}
</STYLE>
</HEAD>
<BODY>
<H1>ヴェッキオ橋</H1>
<P><IMG Src="italy-9s.jpg" Alt="ヴェッキオ橋">
ヴェッキオ橋はフィレンツェにある有名な橋だ。橋の中を歩いているときはさほど
感じないが、外からこの橋を眺めていると、中世の時代へタイムスリップして、あ
たかも自分がこの町の住人であったかのように思えてくる。橋には当時の行きかう
人達の姿が見え、町のにぎわいまでもが見えてくる。
</BODY>
</HTML>
12-2-1.
12-02.html
------------------------------------------------------------------
〜
IMG {width: 120px; height: 90px; float: left; margin-right: 0.6em}
〜
12-3-1.
12-03.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">
H1 {font-size: 1.1em}
P {text-indent: 0.92em; font-size: 0.92em; width: 21em}
IMG {width: 90px; height: 120px; float: right; margin-left: 0.6em; margin-bottom: 0.6em}
</STYLE>
</HEAD>
<BODY>
<DIV>
<H1>ミラノ大聖堂</H1>
<P><IMG Src="italy-4s.jpg" Alt="ミラノ大聖堂">
大聖堂は現地語(イタリア語)でドゥオモ(duomo)という。ミラノのドゥオモは建造物
の大きさとしては世界第３位だが、イタリアゴシック建築の代表作と言われている。
<SPAN Style="clear: right">
まず、135 本の尖塔を持つその独特なデザインに目を奪われるが、何よりも増して
驚くのが、1386 年着工、1887 年完成、という実に 500 年に渡るその建造期間だ。
しかも、2003 年夏に行ったときは工事中であった。そして、このドゥオモの中には、
2245 体もの彫像が飾られている。
</BODY>
</HTML>
]]>