ให้เรตสมาชิก: 2 / 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>

ผลลัพธ์คือ

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
G - สรุปปัญหาการใช้งาน php odbc และ sql server บน ubuntu
โดย tsukasaz ส 21 ก.พ. 2015 2:52 pm บอร์ด Programming - PHP
1
1
อ 22 ก.พ. 2015 2:09 am โดย mindphp
สอบถามคำศัพท์เทคนิค Droplet คืออะไร
โดย Kannaphat ศ 15 ม.ค. 2021 6:16 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
25
อ 17 ม.ค. 2021 4:51 pm โดย mindphp
ต่างกันแค่ไหน? เทียบหมัดต่อหมัด iPhone รุ่นใหม่ล่าสุด กับ iPhone 11
โดย unyana ส 16 ม.ค. 2021 11:47 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
13
ส 16 ม.ค. 2021 11:47 pm โดย unyana
โปรแกรม Kdenlive สามารถ add ไฟล์รูปเข้าไปในโปรแกรมได้ไหมคะ
โดย Kannaphat ส 16 ม.ค. 2021 3:46 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
2
19
ส 16 ม.ค. 2021 3:57 pm โดย Kannaphat
ขอคำสั่งพื้นฐานการใช้terminal Ubuntu ด้วยครับ
โดย chakirin.bfds ส 16 ม.ค. 2021 2:36 pm บอร์ด ถาม - ตอบ คอมพิวเตอร์
1
17
ส 16 ม.ค. 2021 2:39 pm โดย mindphp
โหลดไฟล์จาก gitlab ไม่ได้
โดย chakirin.bfds ส 16 ม.ค. 2021 11:49 am บอร์ด ถาม - ตอบ คอมพิวเตอร์
3
23
ส 16 ม.ค. 2021 12:02 pm โดย mindphp
ขอวิธีการติดตั้ง psycopg1
โดย chakirin.bfds ส 16 ม.ค. 2021 10:46 am บอร์ด Programming - C/C++ & java & Python
6
25
ส 16 ม.ค. 2021 11:19 am โดย mindphp
python ติด AttributeError ครับ
โดย chakirin.bfds ศ 15 ม.ค. 2021 8:02 pm บอร์ด Programming - C/C++ & java & Python
1
19
ศ 15 ม.ค. 2021 8:18 pm โดย mindphp