การแบ่งหน้าต่างออกเป็นส่วนที่เรียกว่า "เฟรม" เป็นการกำหนดพื้นที่สี่เหลี่ยม
เพื่อแบ่งส่วนของหน้าต่าง
โปรแกรม Browser ออกเป็นส่วน ๆ โดยแต่ละเฟรมจะประกอบด้วย
เอกสาร HTML ที่เป็นอิสระต่อกัน โดยที่สามารถกำหนดขนาดของเฟรม และสามารถเชื่อมโยงเอกสารถึงกันได้
1. โครงสร้างของการใช้คำสั่งเพื่อแบ่งเฟรม
<HTML>
<HEAD>
<TITLE>ทดลองการแบ่งเฟรม</TITLE>
</HEAD>
<FRAMESET คำสั่งเสริม = "ค่าตัวเลข1,ค่าตัวเลข2,ค่าตัวเลข3,...">
<FRAME คำสั่งเสริม>
<FRAME คำสั่งเสริม>
</FRAMESET>
<NOFRAME>
เว็บบราวเซอร์ของท่านไม่สนับสนุนการแบ่งเฟรม
</NOFRAME>
</HTML>
2. คำสั่ง <Frameset>
เป็นคำสั่งที่ใช้กำหนดจำนวนกรอบ
และขนาดของส่วนต่าง ๆ ในหน้าต่าง
<FRAMESET คำสั่งเสริม = "ค่าตัวเลข
1, ค่าตัวเลข 2, ค่าตัวเลข
3, . . .">
ตัวอย่างที่ 1
<HTML>
<HEAD>
<TITLE>Test Frame</TITLE>
</HEAD>
<FRAMESET rows="25%,*">
<FRAME>
<FRAME>
</FRAME>
<NOFRAME> This Page not support FRAME</NOFRAME>
</HTML>
การแสดงผลบน
Web Browser (Internet Explorer)
ตัวอย่างที่ 2
<FRAMESET
COLS="20%, * ">
<FRAME>
<FRAMESET ROWS = "15%, * ">
<FRAME>
<FRAME>
</FRAME>
</FRAMESET>
การแสดงผลบน
Web Browser (Internet Explorer)
3. คำสั่ง <Frame>
<FRAME attribute>
4. คำสั่ง <Frameborder>
<FRAMEBORDER = option>
5. การเชื่อมโยงข้อมูลบนเฟรม
<FRAME SRC = URL NAME = ชื่อของเฟรม>
<A HREF = URL TARGET = ชื่อเฟรม
>ข้อความหรือรูปภาพ<
/A>
<BASE TARGET = "ชื่อเฟรม">
ตัวอย่างที่ 3
<HTML>
<HEAD>
<TITLE>Side</TITLE>
</HEAD>
<BODY bgcolor="#AABBCC">
<H3>Side MENU</H1>
<A HREF="http://www.sw.ac.th" TARGET="SHOW">SW_SCHOOL</A>
<BR>
<A HREF="http://www.ge.go.th" TARGET="_BLANK">General
Education</A> <BR>
<A HREF="middle.html" TARGET="SHOW">BACK
TO HOME</A> <BR>
</BODY>
</HTML>
การแสดงผลบน
Web Browser (Internet Explorer)
ตัวอย่างที่4
<HTML>
<HEAD>
<TITLE>TOP</TITLE>
</HEAD>
<BODY bgcolor = "#EEEEEE">
<I> <H2 ALIGN=Center>Welcome to my Homepage</H2></I>
</BODY>
</HTML>
การแสดงผลบน
Web Browser (Internet Explorer)
ตัวอย่างที่5
<HTML>
<HEAD>
<TITLE>MIDDLE</TITLE>
</HEAD>
<BODY bgcolor = "#EEFFDD">
<H3 ALIGN=Center>This is <FONT color = "red"
>SHOW Area</FONT</I>
</BODY>
</HTML>
การแสดงผลบน
Web Browser (Internet Explorer)
ตัวอย่างที่6
<HTML>
<HEAD>
<TITLE>Test FRAME</TITLE>
</HEAD>
<FRAMESET COLS="20%, * " FRAMEBORDER = NO>
<FRAME SRC = "side.html">
<FRAMESET ROWS = "15%, * ">
<FRAME SRC = "top.html">
<FRAME NAME = "show" SRC = "middle.html"
>
</FRAMESET>
</FRAMESET>
<NOFRAME> This Page not support FRAME</NOFRAME>
</HTML>
การแสดงผลบน
Web Browser (Internet Explorer)
