ให้เรตสมาชิก: 3 / 5

ดาวใช้งานดาวใช้งานดาวใช้งานดาวไม่ได้ใช้งานดาวไม่ได้ใช้งาน
 

บทที่ 17 HTML Iframes
   iframe คือแท็กที่ใช้สำหรับดึงหน้าเว็บทั้งเว็บภายในซึ่งเป็นเว็บของเราเอง และเว็บภายนอกหรือเว็บของคนอื่น โดยสามารถกำหนดได้ทั้งขนาดของกรอบที่จะแสดงว่า กว้าง / ยาวเท่าใหร่ ตัวอย่างการใช้งาน เช่นใช้ในการดึงกรอบข่าวสารจากเว็บอื่นๆมาแสดงที่เว็บของตัวเอง  iFrame คืออะไร คลิก
   การสร้าง iframe จะใช้โครงสร้าง
<iframe src="/URL"></iframe>  

ตัวอย่าง

<html>
<body>

<iframe src="http://www.mindphp.com">
</iframe>

</body>
</html>

ผลลัพธ์คือ

   นอกจากนี้ แท็ก ifram ยังส่วนเพิ่มเตืมอื่นอีก เช่น
1. กำหนดความสูง และความกว้างของหน้าเว็บที่เราดึงมาเเสดง height คือ ความสูง width คือ ความกว้าง มีหน่วยเป็น pixel
height="400" width="500"

2. ในส่วนนี้คือกำหนดให้กรอบของเรามี scrollbar หรือไม่ โดยสามารถใส่ได้ (auto | yes | no)
scrolling="auto"

3. กำหนดกรอบ

frameborder="1"

4. ระยะห่างจากขอบ มีหน่วยเป็น pixel
marginheight=" 10 px" 5.สีของเส้นขอบ กำหนดได้ทั้งแบบชื่อสี และรหัสสี
bordercolor="yellow"6.จัดกลาง / ขวา / ซ้าย
align="left"

ตัวอย่าง

<html>
<body>

<iframe src="http://www.mindphp.com"height="400" width="500"frameborder="0"scrolling="auto"align="right">
</iframe>

</body>
</html>

ผลลัพธ์คือ

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
ประชุมออนไลน์ง่ายๆด้วยการใช้โปรแกรม VSee - โปรแกรมสำหรับ Video Conference
โดย chatee supasand อ 17 มี.ค. 2020 2:24 pm บอร์ด Share Knowledge
0
682
อ 17 มี.ค. 2020 2:24 pm โดย chatee supasand
วิธีการแปลง ข้อมมูล วันที่จาก Excel เพื่อบันทึกลงในฐานข้อมูล
โดย Ittichai_chupol จ 16 มี.ค. 2020 11:43 am บอร์ด PHP Knowledge
0
406
จ 16 มี.ค. 2020 11:43 am โดย Ittichai_chupol
ปัญหา pg_dump: server version: 9.5.19; pg_dump version: 9.3.24
โดย mindphp จ 16 มี.ค. 2020 1:48 am บอร์ด SQL - Database
1
572
จ 16 มี.ค. 2020 1:59 am โดย mindphp
ใครอัพเกรด Joomla แล้วเจอ ปัญหานี้ Duplicate entry 'admin' for key 2 แก้แบบนี้นะ
โดย mindphp ศ 13 มี.ค. 2020 8:43 pm บอร์ด Joomla Development
0
3573
ศ 13 มี.ค. 2020 8:43 pm โดย mindphp
ต้องการ update ข้อมูล 2 ตารางค่ะ
โดย Aspire3628 ศ 13 มี.ค. 2020 6:04 pm บอร์ด SQL - Database
0
409
ศ 13 มี.ค. 2020 6:04 pm โดย Aspire3628
ขอคำแนะนำ Update ข้อมูลจาก 2 Table
โดย Anonymous ศ 13 มี.ค. 2020 5:47 pm บอร์ด SQL - Database
0
810
ศ 13 มี.ค. 2020 5:47 pm โดย บุคคลทั่วไป
วิธีการการสร้าง listbox สำหรับเลือกรายการแล้วทำการช่องกรอกตามรายการที่กำหนด
โดย Ittichai_chupol ศ 13 มี.ค. 2020 3:00 pm บอร์ด Jquery & Ajax Knowledge
0
4704
ศ 13 มี.ค. 2020 3:00 pm โดย Ittichai_chupol
จริงหรือไม่ในมะพร้าวมีฮอร์โมนเพศหญิงกับชายอยู่
โดย Anonymous ศ 13 มี.ค. 2020 1:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
337
ศ 13 มี.ค. 2020 1:14 pm โดย บุคคลทั่วไป
ดีใจจริงๆ
โดย noppadonsk ศ 13 มี.ค. 2020 12:33 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
2
1144
อ 15 มี.ค. 2020 10:50 am โดย kreemza123
ความจริงที่โหดร้ายของ Editor
โดย noppadonsk พฤ 12 มี.ค. 2020 3:29 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
369
พฤ 12 มี.ค. 2020 3:29 pm โดย noppadonsk
ขออนุญาตสอบถาม เรื่อง Query ค้นหาข้อมูลครับ
โดย 9kitti พฤ 12 มี.ค. 2020 3:03 pm บอร์ด SQL - Database
2
2069
ศ 13 มี.ค. 2020 10:17 am โดย 9kitti
มันมาโดยไม่รู้ตัว
โดย noppadonsk พ 11 มี.ค. 2020 5:42 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
332
พ 11 มี.ค. 2020 5:42 pm โดย noppadonsk
มาแล้ว! Joomla 3.9.16 อัพเดทด่วน ปรับปรุงเรื่องความปลอดภัยกว่า 6 จุด
โดย tsukasaz พ 11 มี.ค. 2020 11:13 am บอร์ด MindPHP News & Feedback
0
794
พ 11 มี.ค. 2020 11:13 am โดย tsukasaz
ของขวัญจากซานต้า
โดย noppadonsk อ 10 มี.ค. 2020 3:05 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
367
อ 10 มี.ค. 2020 3:05 pm โดย noppadonsk
ถึงเวลาที่ต้องเลือกแล้วนีโอ!
โดย noppadonsk จ 09 มี.ค. 2020 6:35 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
507
จ 09 มี.ค. 2020 6:35 pm โดย noppadonsk
อยากทราบว่าปรับขนาด listbox
โดย Ittichai_chupol จ 09 มี.ค. 2020 5:07 pm บอร์ด HTML CSS
1
669
จ 09 มี.ค. 2020 5:08 pm โดย Ittichai_chupol
ความเจ็บนี้ไม่มีเสียง
โดย noppadonsk ศ 06 มี.ค. 2020 4:49 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
773
ศ 06 มี.ค. 2020 4:49 pm โดย noppadonsk
การเก็บ log เมื่อมีการ แยก รวม ที่ดิน
โดย blackbullx16 ศ 06 มี.ค. 2020 4:47 pm บอร์ด SQL - Database
4
1154
ศ 27 มี.ค. 2020 4:11 pm โดย blackbullx16
วิธีการการเขียน css เพื่อปรีบความกว้างในการสแดงประโยค
โดย Ittichai_chupol ศ 06 มี.ค. 2020 1:40 pm บอร์ด CSS Knowledge
0
405
ศ 06 มี.ค. 2020 1:40 pm โดย Ittichai_chupol
วิธีการการเขียน css เพื่อปรีบความกว้างในการสแดงประโยค
โดย Ittichai_chupol ศ 06 มี.ค. 2020 10:34 am บอร์ด CSS Knowledge
1
1064
ศ 06 มี.ค. 2020 5:17 pm โดย Riyaaa