26. フレーム / 上下2分割(2/2)

CHECK POINTS
<FRAMESET><FRAME>RowsNOFRAMESNameTargetLongdescFrameborder
■フレームの境界線

境界線なし背景色を変える
■インデックスフレーム ★ 実行例 [26-1]:「上下2分割、境界線なし」 26-frame-1.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <STYLE type="text/css"> BODY {text-align: center; background-color: #000000; margin: 10px} P {font-size: 14px; margin: 0px} A:link {text-decoration: none; color: #ffff80} A:visited {text-decoration: none; color: #ff80c0} A:hover {text-decoration: underline; color: Red; background-color: LightGrey} </STYLE> </HEAD> <BODY><P>   <A Href="chap-1.html" Target="fr2">1.HTML 概要</A>   <A Href="chap-2.html" Target="fr2">2.テキストスタイル</A>   <A Href="chap-3.html" Target="fr2">3.テーブル</A>   <A Href="chap-4.html" Target="fr2">4.フレーム</A>   <A Href="chap-5.html" Target="fr2">5.フォーム</A> </BODY> </HTML>
26-frame-2.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML> <HEAD> <STYLE type="text/css"> BODY {text-align: center; background-color: #7ffffe} TABLE {width: 43em} TH.Sec {text-align: left; font-size: 1em; border-left: solid 0.9em Orange; padding-left: 0.5em} TD {text-align: left} H1 {font-size: 1.2em; background-color: Fuchsia} P {font-size: 0.9em; text-indent: 1.1em; letter-spacing: 0.15em; line-height: 1.3em; padding-bottom: 0.9em} </STYLE> </HEAD> <BODY> <TABLE Summary="HTML 4.01 WORKBOOK" Cellspacing="8"> <TR><TH><H1>第1章</H1> <TR><TH Class="Sec">HTML 4.01 とは何か? <TR><TD> <P>いろはにほへとちりぬるを、わかよたれそつねならむ、 うゐのおくやまけふこえて、あさきゆめみし、ゑひもせすん。 色は匂へど散りぬるを、わが世誰ぞ常ならむ、有為の奥山 今日越えて、浅き夢見じ酔ひもせず。 <TR><TH Class="Sec">Style Sheets 2.1 の利便性 <TR><TD> <P>とりなくこゑす、ゆめさませ、みよあけわたるひんかしを、 そらいろはえておきつへに、ほふねむれゐぬ、もやのうち。 鳥啼く声す夢覚ませ、見よ明けわたる東を、空色映えて 沖つ辺に帆船群れゐぬ、靄の中。 </TABLE> </BODY> </HTML>