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

ผลลัพธ์คือ

 

กระทู้ล่าสุดจากเว็บบอร์ด
หัวข้อกระทู้
ตอบ
เปิดดู
ล่าสุด
สอบถาม วิธีการนับเวลาในไฟล์วีดีโอครับ
โดย jirawoot จ 19 ส.ค. 2019 11:34 am บอร์ด Programming - C/C++ & java & Python
0
2
จ 19 ส.ค. 2019 11:34 am โดย jirawoot
งานประจำวันที่ 19 สิงหาคม 2562
โดย EyePornnipa จ 19 ส.ค. 2019 10:15 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
2
จ 19 ส.ค. 2019 10:15 am โดย EyePornnipa
งานประจำวันที่ 19 กรกฎาคม 2562
โดย jamepiyawat จ 19 ส.ค. 2019 10:09 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
0
1
จ 19 ส.ค. 2019 10:09 am โดย jamepiyawat
งานประจำวันที่ 19 สิงหาคม 2562
โดย chatee supasand จ 19 ส.ค. 2019 10:03 am บอร์ด MT33 - นายชาตรี สุภาแสน
0
1
จ 19 ส.ค. 2019 10:03 am โดย chatee supasand
งานประจำวันที่ 19 สิงหาคม 2562
โดย jirawoot จ 19 ส.ค. 2019 10:01 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
0
2
จ 19 ส.ค. 2019 10:01 am โดย jirawoot
สอบถามเกี่ยวกับการ บวก ลบ ใน Tuple ทำยังไงครับ ภาษา Python
โดย fuyuppe อ 18 ส.ค. 2019 3:20 pm บอร์ด Programming - C/C++ & java & Python
0
17
อ 18 ส.ค. 2019 3:20 pm โดย fuyuppe
น้องเมย์ค่ะ
โดย frenchfriesday อ 18 ส.ค. 2019 1:14 pm บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
15
อ 18 ส.ค. 2019 1:14 pm โดย frenchfriesday
หลักการ วิธีการทำเว็บไซต์แสดงได้หลายภาษา ด้วย PHP เขียนเว็บสองภาษา
โดย jamepiyawat ส 17 ส.ค. 2019 10:17 pm บอร์ด PHP Knowledge
0
46
ส 17 ส.ค. 2019 10:17 pm โดย jamepiyawat
ขอคำแนะนำ เว็บไซด์ค่ะ
โดย Luckluck ส 17 ส.ค. 2019 8:35 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
34
ส 17 ส.ค. 2019 8:40 pm โดย mindphp
Joomla website
โดย Luckluck ส 17 ส.ค. 2019 8:17 pm บอร์ด ปัญหาการใช้ phpBB3, SMF, Joomla, Wordpress, CMS CRM
1
17
ส 17 ส.ค. 2019 8:37 pm โดย mindphp
Socratic แอปช่วยทำการบ้านและค้นหาบทเรียน
โดย jamepiyawat ส 17 ส.ค. 2019 5:56 pm บอร์ด Share Knowledge
0
21
ส 17 ส.ค. 2019 5:56 pm โดย jamepiyawat
สอบถามการใช้อัตราแลกเปลี่ยนในการบันทึกเจ้าหนี้ต่างประเทศ
โดย EyePornnipa ส 17 ส.ค. 2019 4:06 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
2
26
ส 17 ส.ค. 2019 4:09 pm โดย EyePornnipa
คำสั่งนี้คืออะไรครับ เหมือน short if หรือเปล่าครับ
โดย jamepiyawat ส 17 ส.ค. 2019 2:22 pm บอร์ด Programming - PHP
4
49
ส 17 ส.ค. 2019 3:40 pm โดย jamepiyawat
การลงทะเบียนผู้ค้ากับภาครัฐในระบบ e-GP
โดย EyePornnipa ส 17 ส.ค. 2019 1:53 pm บอร์ด M089 - นางสาวพรนิภา ราชธานี
0
15
ส 17 ส.ค. 2019 1:53 pm โดย EyePornnipa
หากจ่ายชำระค่าโทรศัพท์เกิน ควรบันทึกบัญชียังไง
โดย EyePornnipa ศ 16 ส.ค. 2019 12:10 pm บอร์ด ถาม - ตอบ ธุรกิจ กฏหมาย ภาษี บัญชี
1
35
ส 17 ส.ค. 2019 11:06 am โดย Amp_Audit
ยาหม่องสมุนไพรอินเดีย Himalaya Pain Balm 45 g กระปุกใหญ่ ใช้ดม ทาแก้วิงเวียนศีรษะ หอมสดชื่น ส่ง Kerry ถึงภายใน 1-3 วัน
โดย Tanadet ส 17 ส.ค. 2019 10:58 am บอร์ด พูดคุยเรื่องทั่วไป จับฉ่าย
0
19
ส 17 ส.ค. 2019 10:58 am โดย Tanadet
สอบถาม การทำ web 2 ภาษา หน่อยครับ
โดย jirawoot ส 17 ส.ค. 2019 10:58 am บอร์ด Programming - C/C++ & java & Python
1
49
ส 17 ส.ค. 2019 10:19 pm โดย jamepiyawat
งานประจำวันที่ 17 กรกฎาคม 2562
โดย jamepiyawat ส 17 ส.ค. 2019 10:16 am บอร์ด M084 - นายปิยวัช เชาว์วิมล
2
12
ส 17 ส.ค. 2019 7:19 pm โดย jamepiyawat
งานประจำวันที่ 17 สิงหาคม 2562
โดย jirawoot ส 17 ส.ค. 2019 10:02 am บอร์ด M090 - นายจิระวุฒิ อัครลิขิตกุล
3
11
ส 17 ส.ค. 2019 10:54 pm โดย jirawoot
งานประจำวันที่ 17 สิงหาคม 2562
โดย EyePornnipa ส 17 ส.ค. 2019 10:02 am บอร์ด M089 - นางสาวพรนิภา ราชธานี
5
36
ส 17 ส.ค. 2019 7:06 pm โดย EyePornnipa