27. フレーム / 左右2分割

CHECK POINTS
<FRAMESET><FRAME>Cols
■左右2分割

★ 実行例 [27-1]:「左 115px、右 残り」



27-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: #7ffffe; margin: 16px 0px} TD,TH {text-align: left; font-size: 13px; padding: 2px 0px} TH {color: #ff4040} A:link, A:visited {text-decoration: none; color: Blue} A:hover {text-decoration: underline; color: Red} </STYLE> </HEAD> <BODY> <TABLE Summary="HTML4.01 解説"> <TR><TD><A Href="27-frame-2.html" Target="fr2">表 紙</A> <TR><TD><A Href="mokuji.html" Target="fr2">目次</A> <TR><TD><A Href="color-name.html" Target="fr2">色の名前</A> <TR><TD><A Href="color-code.html" Target="fr2">色のコード名</A> <TR><TD><A Href="kishuizon-moji.html" Target="fr2">機種依存文字</A> <TR><TD><A Href="yoso.html" Target="fr2">要素一覧</A> <TR><TD><A Href="style-2.html" Target="fr2">CSS 2.1</A> <TR><TH>本 文 <TR><TD><A Href="p-1-1.html" Target="fr2">1-1.解説</A> <TR><TD><A Href="p-1-2.html" Target="fr2">1-2.練習</A> <TR><TD><A Href="p-2-1.html" Target="fr2">2-1.解説</A> <TR><TD><A Href="p-2-2.html" Target="fr2">2-2.練習</A> <TR><TD><A Href="p-3-1.html" Target="fr2">3-1.解説</A> <TR><TD><A Href="p-3-2.html" Target="fr2">3-2.練習</A> <TR><TD><A Href="p-4-1.html" Target="fr2">4-1.解説</A> <TR><TD><A Href="p-4-2.html" Target="fr2">4-2.練習</A> <TR><TD><A Href="p-5-1.html" Target="fr2">5-1.解説</A> <TR><TD><A Href="p-5-2.html" Target="fr2">5-2.練習</A> <TR><TD><A Href="p-6-1.html" Target="fr2">6-1.解説</A> <TR><TD><A Href="p-6-2.html" Target="fr2">6-2.練習</A> <TR><TD><A Href="p-7-1.html" Target="fr2">7-1.解説</A> <TR><TD><A Href="p-7-2.html" Target="fr2">7-2.練習</A> <TR><TD><A Href="p-8-1.html" Target="fr2">8-1.解説</A> <TR><TD><A Href="p-8-2.html" Target="fr2">8-2.練習</A> <TR><TD><A Href="p-9-1.html" Target="fr2">9-1.解説</A> <TR><TD><A Href="p-9-2.html" Target="fr2">9-2.練習</A> <TR><TD><A Href="p-10-1.html" Target="fr2">10-1.解説</A> <TR><TD><A Href="p-10-2.html" Target="fr2">10-2.練習</A> </TABLE> </BODY> </HTML>