練習 ６
<![CDATA[解答
6-1-2.
06-01.html
--------------------------------------------------
<HTML>
<HEAD>
<TITLE>平家物語</TITLE>
<STYLE type="text/css">
BODY {background-color: Aqua; color: Navy}
P,DIV {font: 0.9em 'ＭＳ 明朝', monospace}
SPAN {color: Maroon}
</STYLE>
</HEAD>
<BODY>
<P>祇園精舎の鐘の声、
<P>諸行無常の響きあり。
<P>沙羅雙樹の花の色、
<P>盛者必衰のことわりをあらわす。
<P>おごれる人も久しからず、
<P>只春の夜の夢のごとし。
<P>たけき者も遂には滅びぬ。
<P>偏に風の前の塵に同じ。</P>
<DIV><SPAN>注1.</SPAN> 祇園精舎(ぎおんしょうじゃ)：須達長者が釈迦とその弟子に寄進した寺。</DIV>
<DIV><SPAN>注2.</SPAN> 沙羅雙樹(さらそうじゅ)：釈迦の病床の四方に二本ずつ相対して生えていたという娑羅の木。</DIV>
<DIV><SPAN>注3.</SPAN> 盛者必衰(じょうしゃひっすい)：世の中は無常であり、勢いの盛んな者もいつかは必ず滅びる去る。</DIV>
<DIV><SPAN>注4.</SPAN> 偏に(ひとえに)：｢一重に｣。まったく、もっぱら。</DIV>
</BODY>
</HTML>
6-2-2.
06-02.html
----------------------------------------------------
<HTML>
<HEAD>
<TITLE>竹取物語</TITLE>
<STYLE type="text/css">
BODY {background-color: Aqua; font-family: 'ＭＳ 明朝', monospace}
P {font-size: 0.9em; color: Navy}
DIV {font-size: 0.8em; color: Maroon}
SPAN {color: Green}
</STYLE>
</HEAD>
<BODY>
<P>今は昔、竹取の翁といふものありけり。
<P>野山に<SPAN>まじりて</SPAN>竹を取りつつ、よろづの事に使ひけり。
<P>名をば、さかきの造となむ言ひける。
<P>その竹の中に、もと光る竹なむ一筋ありける。
<P>あやしがりて寄りよりて見るに、筒の中光りたり。
<P>それをみれば、三<SPAN>寸</SPAN>ばかりなる人、いと美しうてゐたり。
<P>翁言ふやう、「わが朝ごと夕ごとに見る竹の中におはするにて、知りぬ。
<P><SPAN>子になり給べき</SPAN>人<SPAN>なめり</SPAN>。」とて、手にうちいれて、家に持ちて来ぬ。
<P>妻の媼に預けて、養はす。
<P>美しきこと限りなし。
<P>いと幼なければ、籠に入れて養ふ。
<P>竹取の翁、竹を取るに、この子を見つけてのちに竹取るに、
<P>節を隔てて、<SPAN>よ</SPAN>ごとに黄金ある竹を見つくる事重なりぬ。
<P>かくて、翁やうやう豊かになりゆく。</P>
<DIV>注1. まじりて：分け入って。</DIV>
<DIV>注2. 寸：１寸は１尺の 1/10 で、約 3.03 cm 。</DIV>
<DIV>注3. 子になり給べき：わが子におなりになるはずの。「子」は竹の縁語で「籠(こ)」に掛けた洒落(しゃれ)。</DIV>
<DIV>注4. なめり：「なるめり」の音便。「なんめり」の「ん」が表記されない形。</DIV>
<DIV>注5. よ：竹の節と節の間。
</BODY>
</HTML>
6-3-1.
06-03.html
----------------------------------------------------
<HTML>
<HEAD>
<TITLE>色の補色</TITLE>
<STYLE type="text/css">
BODY {background-color: Black}
H1 {font-size: 0.84em; color: White}
DIV {font: 0.9em 'Courier New', monospace}
SPAN {font: 1.1em/1.5em 'Courier New', monospace}
</STYLE>
</HEAD>
<BODY>
<P> 色の補色 (背景色, 文字色)</P>
<DIV Style="background-color: #000088">(#000088, #ffff77) =
<SPAN Style="color: #ffff77">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #0000ff">(#0000ff, #ffff00) =
<SPAN Style="color: #ffff00">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #008800">(#008800, #ff77ff) =
<SPAN Style="color: #ff77ff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #008888">(#008888, #ff7777) =
<SPAN Style="color: #ff7777">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #0088ff">(#0088ff, #ff7700) =
<SPAN Style="color: #ff7700">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #00ff00">(#00ff00, #ff00ff) =
<SPAN Style="color: #ff7700">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #00ff88">(#00ff88, #ff0077) =
<SPAN Style="color: #ff0077">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #00ffff">(#00ffff, #ff0000) =
<SPAN Style="color: #ff00ff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #880000">(#880000, #77ffff) =
<SPAN Style="color: #77ffff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #880088">(#880088, #77ff77) =
<SPAN Style="color: #77ff77">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #8800ff">(#8800ff, #77ff00) =
<SPAN Style="color: #77ff00">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #888800">(#888800, #7777ff) =
<SPAN Style="color: #7777ff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #888888">(#888888, #777777) =
<SPAN Style="color: #777777">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #8888ff">(#8888ff, #777700) =
<SPAN Style="color: #777700">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #88ff00">(#88ff00, #7700ff) =
<SPAN Style="color: #7700ff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #88ff88">(#88ff88, #770077) =
<SPAN Style="color: #770077">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #88ffff">(#88ffff, #770000) =
<SPAN Style="color: #770000">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ff0000">(#ff0000, #00ffff) =
<SPAN Style="color: #00ffff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ff0088">(#ff0088, #00ff77) =
<SPAN Style="color: #00ff77">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ff00ff">(#ff00ff, #00ff00) =
<SPAN Style="color: #00ff00">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ff8800">(#ff8800, #0077ff) =
<SPAN Style="color: #0077ff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ff8888">(#ff8888, #007777) =
<SPAN Style="color: #007777">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ff88ff">(#ff88ff, #007700) =
<SPAN Style="color: #007700">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ffff00">(#ffff00, #0000ff) =
<SPAN Style="color: #0000ff">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ffff88">(#ffff88, #000077) =
<SPAN Style="color: #000077">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
<DIV Style="background-color: #ffffff">(#ffffff, #000000) =
<SPAN Style="color: #000000">ABCDEFGHIJKLMNOPQRSTUVWX</SPAN></DIV>
</BODY>
</HTML>]]>
