บทที่ 11 [HTML]คำสั่ง <frameset>
หน้า 1 จาก 1
บทที่ 11 [HTML]คำสั่ง <frameset>
เฟรมเซท (Frameset) เป็นการแบ่งหน้าเว็บเป็นส่วนๆ เพื่อให้แสดงหน้าเว็บได้หลายหน้าในเวลาเดียวกัน
คำสั่ง <frameset> เป็นคำสั่งสำหรับสร้างเฟรมเซท โดยจะมีคำสั่งเพิ่มเติม (Anttribute) ดังนี้
cols = "m,n" กำหนดให้มีคอลัมภ์ มีขนาด m และ n พิกเซล ตามลำดับ สามารถกำหนดเป็น % ได้ และหากต้องการให้ใช้พื้นที่ที่เหลือทั้งหมด ให้ใช้ * แทน
rows = "m,n" กำหนดให้มีแถว มีขนาด m และ n พิกเซล ตามลำดับ สามารถกำหนดเป็น % ได้ และหากต้องการให้ใช้พื้นที่ที่เหลือทั้งหมด ให้ใช้ * แทน
frameborder = "n" กำหนดให้กรอบของเฟรม หนา n พิกเซล
ต่อมาคือคำสั่ง <frame> ซึ่งเป็นส่วนย่อย ที่มาจากคำสั่ง frameset โดยจะมีคำสั่งเพิ่มเติม (Anttribute) ดังนี้
src = "url" กำหนด url ของเฟรม ที่จะให้แสดงในหน้า frame นั้นๆ
name = "framename" กำหนด ชื่อของเฟรม ใช้สำหรับการลิงค์ โดยการกำหนด target เป็น ชื่อเฟรม
noresize กำหนดให้ ไม่ให้แก้ไขขนาดของเฟรม (ปกติสามารถลากเพื่อเปลี่ยนขนาดได้)
scrolling = "scrolling type" กำหนดรูปแบบของ scroll bar ซึ่งมี 3 แบบ คือ auto คือให้มีอัตโนมัติ เมื่อเนื้อหาในเว็บเกินขนาดของจอ no คือ ให้ไม่มีscroll bar yes คือ ให้มี scroll bar
ตัวอย่างคำสั่ง สำหรับ frameset
<html>
<frameset rows = "100,*"> กำหนด frameset ให้มีแถว 2 แถว สูง 100 และใช้ขนาดของหน้าเว็บที่เหลือ ตามลำดับ
<frame src = "menu.html"> กำหนดให้ frame แรก เรียกไฟล์ชื่อ menu เข้ามาแสดง
<frame set cols = "200,*"> กำหนด frameset ให้มีคอลัมภ์ สูง 200 พิกเซล และใช้ขนาดที่เหลือของเว็บที่เหลือ ตามลำดับ โดยส่วนนี้จะอยู่บริเวณทื่เหลือ จาก frame บน
<frame src = "menu.html"> กำหนดให้เฟรมในคอลัมภ์แรก เรียกไฟล์ชื่อ menu.html มาแสดง
<frame src = "home.html"> กำหนดให้เฟรมในอีกคอลัมภ์ เรียกไฟล์ชื่อ home.html มาแสดง
</frameset> ปิดแท็ก frameset (ส่วน rows)
</frameset> ปิดแท็ก frameset (ส่วน cols)
</html>
ข้อจำกัดของคำสั่ง frameset
1. เฟรมจะเป็น สี่เหลี่ยม เท่านั้น
2. url ที่แสดง จะเป็น url ของหน้า frameset ซึ่งจะไม่ตรงกับหน้าเว็บที่แสดงอยู่
นอกจากข้อจำกัดทั้งสองแล้ว ในปัจจุบัน ยังใช้ตารางแทนการใช้ frameset เพราะสามารถสร้างได้ง่ายกว่า และตารางก็ยังอยู่ในเพจที่เราต้องการ url ที่เรียก และ url ของไฟล์ ก็เป็นอันเดียวกัน ทำให้อ้างอิง url ได้อย่างถูกต้อง และไม่ผิดพลาด
คำสั่ง <frameset> เป็นคำสั่งสำหรับสร้างเฟรมเซท โดยจะมีคำสั่งเพิ่มเติม (Anttribute) ดังนี้
cols = "m,n" กำหนดให้มีคอลัมภ์ มีขนาด m และ n พิกเซล ตามลำดับ สามารถกำหนดเป็น % ได้ และหากต้องการให้ใช้พื้นที่ที่เหลือทั้งหมด ให้ใช้ * แทน
rows = "m,n" กำหนดให้มีแถว มีขนาด m และ n พิกเซล ตามลำดับ สามารถกำหนดเป็น % ได้ และหากต้องการให้ใช้พื้นที่ที่เหลือทั้งหมด ให้ใช้ * แทน
frameborder = "n" กำหนดให้กรอบของเฟรม หนา n พิกเซล
ต่อมาคือคำสั่ง <frame> ซึ่งเป็นส่วนย่อย ที่มาจากคำสั่ง frameset โดยจะมีคำสั่งเพิ่มเติม (Anttribute) ดังนี้
src = "url" กำหนด url ของเฟรม ที่จะให้แสดงในหน้า frame นั้นๆ
name = "framename" กำหนด ชื่อของเฟรม ใช้สำหรับการลิงค์ โดยการกำหนด target เป็น ชื่อเฟรม
noresize กำหนดให้ ไม่ให้แก้ไขขนาดของเฟรม (ปกติสามารถลากเพื่อเปลี่ยนขนาดได้)
scrolling = "scrolling type" กำหนดรูปแบบของ scroll bar ซึ่งมี 3 แบบ คือ auto คือให้มีอัตโนมัติ เมื่อเนื้อหาในเว็บเกินขนาดของจอ no คือ ให้ไม่มีscroll bar yes คือ ให้มี scroll bar
ตัวอย่างคำสั่ง สำหรับ frameset
<html>
<frameset rows = "100,*"> กำหนด frameset ให้มีแถว 2 แถว สูง 100 และใช้ขนาดของหน้าเว็บที่เหลือ ตามลำดับ
<frame src = "menu.html"> กำหนดให้ frame แรก เรียกไฟล์ชื่อ menu เข้ามาแสดง
<frame set cols = "200,*"> กำหนด frameset ให้มีคอลัมภ์ สูง 200 พิกเซล และใช้ขนาดที่เหลือของเว็บที่เหลือ ตามลำดับ โดยส่วนนี้จะอยู่บริเวณทื่เหลือ จาก frame บน
<frame src = "menu.html"> กำหนดให้เฟรมในคอลัมภ์แรก เรียกไฟล์ชื่อ menu.html มาแสดง
<frame src = "home.html"> กำหนดให้เฟรมในอีกคอลัมภ์ เรียกไฟล์ชื่อ home.html มาแสดง
</frameset> ปิดแท็ก frameset (ส่วน rows)
</frameset> ปิดแท็ก frameset (ส่วน cols)
</html>
ข้อจำกัดของคำสั่ง frameset
1. เฟรมจะเป็น สี่เหลี่ยม เท่านั้น
2. url ที่แสดง จะเป็น url ของหน้า frameset ซึ่งจะไม่ตรงกับหน้าเว็บที่แสดงอยู่
นอกจากข้อจำกัดทั้งสองแล้ว ในปัจจุบัน ยังใช้ตารางแทนการใช้ frameset เพราะสามารถสร้างได้ง่ายกว่า และตารางก็ยังอยู่ในเพจที่เราต้องการ url ที่เรียก และ url ของไฟล์ ก็เป็นอันเดียวกัน ทำให้อ้างอิง url ได้อย่างถูกต้อง และไม่ผิดพลาด
Similar topics
» บทที่ 5 [HTML] คำสั่ง <ul> <ol>
» บทที่ 7 [HTML] คำสั่ง <img>
» บทที่ 9 [HTML]คำสั่ง <table>
» บทที่ 4 [HTML] คำสั่ง <body>
» บทที่ 6 [HTML] คำสั่ง <dl> <dir> <menu>
» บทที่ 7 [HTML] คำสั่ง <img>
» บทที่ 9 [HTML]คำสั่ง <table>
» บทที่ 4 [HTML] คำสั่ง <body>
» บทที่ 6 [HTML] คำสั่ง <dl> <dir> <menu>
หน้า 1 จาก 1
Permissions in this forum:
คุณไม่สามารถพิมพ์ตอบ
|
|