Sample Frames with HTML Codes (Part 2)

Sample Frame Files Needed Frameset HTML Code Frames HTML Code
4 Frames

Left Top
Middle
Bottom

5 files:

Frameset.html
Left.html
(Magenta) Top.html
(Yellow)
Middle.html
(Green)
Bottom.html
(Cyan)

 <HTML> <HEAD> <TITLE>4frames(LTMB).html</TITLE> </HEAD> <FRAMESET COLS=30%,70%> <FRAME SRC="Left.html" NAME="Left"> <FRAMESET ROWS="20%,60%,20%"> <FRAME SRC="Top.html" NAME="Top"> <FRAME SRC="Middle.html" NAME="Middle"> <FRAME SRC="Bottom.html" NAME="Bottom"> </FRAMESET> </FRAMESET></HTML> <HTML> <BODY bgcolor="#00ff00"> Left.html</BODY></HTML> <HTML> <BODY bgcolor="#ffff00"> Top.html</BODY></HTML> <HTML> <BODY bgcolor="#00ff00"> Middle.html</BODY></HTML> <HTML> <BODY bgcolor="#00ffff"> Bottom.html</BODY></HTML>
4 Frames

Top
Left Right
Bottom

5 files:

Frameset.html
Top.html
(Yellow)
Left.html
(Green)
Right.html
(White)
Bottom.html
(Cyan)

 <HTML> <HEAD> <TITLE>4frames(TLRB).html</TITLE> </HEAD> <FRAMESET ROWS="15%,70%,15%"> <FRAME SRC="Top.html" NAME="Top"> <FRAMESET COLS="30%,70%"> <FRAME SRC="Left.html" NAME="Left"> <FRAME SRC="Right.html" NAME="Right"> </FRAMESET> <FRAME SRC="Bottom.html" NAME="Bottom"> </FRAMESET></HTML> <HTML> <BODY bgcolor="#ffff00"> Top.html</BODY></HTML> <HTML> <BODY bgcolor="#00ff00"> Left.html</BODY></HTML> <HTML> <BODY bgcolor="#ffffff"> Right.html</BODY></HTML> <HTML> <BODY bgcolor="#00ffff"> Bottom.html</BODY></HTML>
5 Frames

TL Middle TR
BL BR

6 files:

Frameset.html
TL.html
(Magenta)
BL.html
(Green)
Middle.html
(White)
TR.html
(Yellow)
BR.html
(Cyan)

 <HTML> <HEAD> <TITLE>5frames(TL-BL-M-TR-BR).html</TITLE> </HEAD> <FRAMESET COLS="25%,50%,25%"> <FRAMESET ROWS="50%,50%"> <FRAME SRC="TL.html" NAME="TopLeft"> <FRAME SRC="BL.html" NAME="BottomLeft"> </FRAMESET> <FRAME SRC="Middle.html" NAME="Middle"> <FRAMESET ROWS="50%,50%"> <FRAME SRC="TR.html" NAME="TopRight"> <FRAME SRC="BR.html" NAME="BottomRight"> </FRAMESET> </FRAMESET></HTML> <HTML> <BODY bgcolor="#ff00ff"> TL.html</BODY></HTML> <HTML> <BODY bgcolor="#00ff00"> BL.html</BODY></HTML> <HTML> <BODY bgcolor="#ffffff"> Middle.html</BODY></HTML> <HTML> <BODY bgcolor="#ffff00"> TR.html</BODY></HTML> <HTML> <BODY bgcolor="#00ffff"> BR.html</BODY></HTML>
5 Frames

TL TR
MR
BL
BR

6 files:

Frameset.html
TL.html
(Magenta)
BL.html
(Green)
TR.html
(Yellow)
Middle.html
(White)
BR.html
(Cyan)

 <HTML> <HEAD> <TITLE>5Frames(TL-BL-TR-MR-BR).html</TITLE> </HEAD> <FRAMESET COLS="30%,70%"> <FRAMESET ROWS="50%,50%"> <FRAME SRC="TL.html" NAME="TopLeft"> <FRAME SRC="BL.html" NAME="BottomLeft"> </FRAMESET> <FRAMESET ROWS="15%,70%,15%"> <FRAME SRC="TR.html" NAME="TopRight"> <FRAME SRC="MR.html" NAME="MiddleRight"> <FRAME SRC="BR.html" NAME="BottomRight"> </FRAMESET> </FRAMESET></HTML> <HTML> <BODY bgcolor="#ff00ff"> TL.html</BODY></HTML> <HTML> <BODY bgcolor="#00ff00"> BL.html</BODY></HTML> <HTML> <BODY bgcolor="#ffffff"> Middle.html</BODY></HTML> <HTML> <BODY bgcolor="#ffff00"> TR.html</BODY></HTML> <HTML> <BODY bgcolor="#00ffff"> BR.html</BODY></HTML>

| Top of Page | Sample Frames-1 | Web Design-1 | Web Design-2 |
| Web Design -3 | Web Design-4 | A-Z Portals | Home Page |

© Peter Y. Chou, Foothill College, 12345 El Monte Rd., Los Altos Hills, CA 94022
email address: pyc2108@mercury.fhda.edu (11-30-97)