หน้าต่างย่อยในบรรทัดคือ iframe และคุณสามารถรวมไว้โดยใช้แท็ก </P> <p style="">แท็ก HTML <iframe> รองรับแอตทริบิวต์เพิ่มเติมดังต่อไปนี้ -</P> <table><thead><tr><th style="width:17.7831%; text-align:center;">แอตทริบิวต์ <br> </th> <th style="width:21.2919%; text-align:center;">ค่า <br> </th> <th style="width:60.8453%; text-align:center;">คำอธิบาย <br> </th> </tr> </thead> <tbody><tr><td style="width:17.7831%; text-align:center;">align <br> </td> <td style="width:21.2919%; text-align:center;">left <br> ขวา <br> สูงสุด <br> กลาง <br> ล่าง <br> </td> <td style="width:60.8453%; text-align:left;">ระบุวิธีจัดแนว iframe ตามข้อความรอบข้าง <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">frameborder <br> </td> <td style="width:21.2919%; text-align:center;">1 <br> 0 <br> </td> <td style="width:60.8453%;">ระบุว่าจะแสดงเส้นขอบรอบเฟรมหรือไม่ <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">ความสูง <br> </td> <td style="width:21.2919%; text-align:center;">pixels <br> </td> <td style="width:60.8453%;">ระบุความสูงของเฟรมอินไลน์ <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">longdesc <br> </td> <td style="width:21.2919%; text-align:center;">URL <br> </td> <td style="width:60.8453%;">URL ไปยังคำอธิบายแบบยาวของเนื้อหาเฟรม <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">marginheight <br> </td> <td style="width:21.2919%; text-align:center;">pixels <br> </td> <td style="width:60.8453%;">ช่วยให้คุณสามารถระบุความกว้างของช่องว่างระหว่างด้านซ้ายและด้านขวาของเส้นขอบของเฟรมและเนื้อหาของเฟรม ค่ากำหนดเป็นพิกเซล ตัวอย่างเช่น marginwidth ="10" <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">marginwidth <br> </td> <td style="width:21.2919%; text-align:center;">pixels <br> </td> <td style="width:60.8453%;">ระบุระยะขอบเป็นพิกเซลระหว่างเนื้อหาของเฟรมและระยะขอบซ้ายและขวา <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">name <br> </td> <td style="width:21.2919%; text-align:center;">text <br> </td> <td style="width:60.8453%; text-align:left;">ชื่อของเฟรม <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">แซนด์บ็อกซ์ <img loading='lazy' alt='เราจะรวมหน้าต่างย่อยแบบอินไลน์ใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116022368.jpg" /> <br> </td> <td style="width:21.2919%; text-align:center;">"" allow-forms <br> อนุญาตแหล่งกำเนิดเดียวกัน <br> อนุญาตให้สคริปต์ <br> อนุญาต-top-navigation <br> </td> <td style="width:60.8453%;">เปิดใช้งานชุดข้อจำกัดเพิ่มเติมสำหรับเนื้อหาใน iframe <br> </td> </tr> <tr><td style="width:17.7831%; text-align:center;">scrolling <br> </td> <td style="width:21.2919%; text-align:center;">ใช่ <br> ไม่ <br> รถยนต์ <br> </td> <td style="width:60.8453%;">กำหนดการทำงานของแถบเลื่อน <br> </td> </tr> <tr><td style="text-align:center; width:17.7831%;">seamless <img loading='lazy' alt='เราจะรวมหน้าต่างย่อยแบบอินไลน์ใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116022376.jpg" /> <br> </td> <td style="text-align:center; width:21.2919%;">seamless <br> </td> <td style="width:60.8453%;">ระบุว่า iframe ควรดูเหมือนเป็นส่วนหนึ่งของเอกสารที่มีอยู่ <br> </td> </tr> <tr><td style="text-align:center; width:17.7831%;">src <br> </td> <td style="text-align:center; width:21.2919%;">URL <br> </td> <td style="width:60.8453%;">ตำแหน่งของไฟล์เนื้อหาเฟรม <br> </td> </tr> <tr><td style="text-align:center; width:17.7831%;">srcdoc <img loading='lazy' alt='เราจะรวมหน้าต่างย่อยแบบอินไลน์ใน HTML ได้อย่างไร ' src="/article/uploadfiles/202203/2022033116022484.jpg" /> <br> </td> <td style="text-align:center; width:21.2919%;">HTML_code <br> </td> <td style="width:60.8453%;">ระบุเนื้อหา HTML ของหน้าที่จะแสดงใน iframe <br> </td> </tr> <tr><td style="width:17.7831%;">ความกว้าง</td> <td style="width:21.2919%;">พิกเซล</td> <td style="width:60.8453%;">ระบุความกว้างของเฟรมอินไลน์ <br> </td> </tr> </tbody> </table> <h2 style="">ตัวอย่าง</h2> <p style="">คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อสร้างเฟรมอินไลน์ -</P> <pre><!DOCTYPE html> <html> <head> <title>HTML iframe Tag</title> </head> <body> <iframe src = "https://www.tutorialspoint.com/index.htm" width = "100%"></iframe> </body> </html></pre> <br> </article> <div class="ad ad5"> <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-4480737146802772" crossorigin="anonymous"></script><!-- computer.wsxdn --><ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-4480737146802772" data-ad-slot="4467655591" data-ad-format="auto" data-full-width-responsive="true"></ins><script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> <section id="turn-page" class="t-over"> <div class="f-start f-align"> <i><img loading='lazy' src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkPrevArticle' href='https://th.wsxdn.com/db044w/zx451s/1004064028.html' >สร้างรายการสั่งซื้อใน HTML </a> </div> <div class="f-start f-align"> <i><img loading='lazy' src="https://th.wsxdn.com/css/img/sanjiao.svg" alt=""></i> <a class='LinkNextArticle' href='https://th.wsxdn.com/db044w/zx451s/1004064030.html' >จะรวมวัตถุฝังตัวใน HTML ได้อย่างไร? </a> </div> </section> <section class="box1-3"> <ol class="f-between"> <li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/ec452w/1004055391.html" class="title"> <p class="r-over r-over-2" title="จะรวม JavaScript แบบอินไลน์ในหน้า HTML ได้อย่างไร "> จะรวม JavaScript แบบอินไลน์ในหน้า HTML ได้อย่างไร </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063782.html" class="title"> <p class="r-over r-over-2" title="จะใช้ inline CSS (สไตล์ชีต) ใน HTML ได้อย่างไร? "> จะใช้ inline CSS (สไตล์ชีต) ใน HTML ได้อย่างไร? </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065232.html" class="title"> <p class="r-over r-over-2" title="คุณสมบัติความยาวหน้าต่าง HTML "> คุณสมบัติความยาวหน้าต่าง HTML </p> </a> </div> </li><li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004065445.html" class="title"> <p class="r-over r-over-2" title="ซีลีเนียมและ iframe ใน html "> ซีลีเนียมและ iframe ใน html </p> </a> </div> </li> </ol> </section> </section> <aside class="box-r"> <section class="box4-1"> <strong> HTML </strong> <ol> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063916.html" title="จะรวมหัวเรื่องในชุดฟิลด์ใน HTML ได้อย่างไร? "> <p class="r-over r-over-2">จะรวมหัวเรื่องในชุดฟิลด์ใน HTML ได้อย่างไร? </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063940.html" title="จะรวมตัวเลือกในรายการดรอปดาวน์ใน HTML ได้อย่างไร "> <p class="r-over r-over-2">จะรวมตัวเลือกในรายการดรอปดาวน์ใน HTML ได้อย่างไร </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063956.html" title="จะรวมคำย่อใน HTML ได้อย่างไร "> <p class="r-over r-over-2">จะรวมคำย่อใน HTML ได้อย่างไร </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063957.html" title="จะรวมคำย่อใน HTML ได้อย่างไร "> <p class="r-over r-over-2">จะรวมคำย่อใน HTML ได้อย่างไร </p> </a> </li> <li class="f-start"> <i> <img loading='lazy' src="https://th.wsxdn.com/css/img/article-lan.svg" alt=""> </i> <a href="https://th.wsxdn.com/db044w/zx451s/1004063958.html" title="เราจะรวมจุดยึดใน HTML ได้อย่างไร "> <p class="r-over r-over-2">เราจะรวมจุดยึดใน HTML ได้อย่างไร </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004054872.html" class="i-text"><p class="r-over r-over-3">จะรวม JavaScript ในเอกสาร HTML ได้อย่างไร </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004055381.html" class="i-text"><p class="r-over r-over-3">วิธีสร้างเฟรมอินไลน์โดยใช้แท็ก <iframe> ภายในหน้า HTML </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056154.html" class="i-text"><p class="r-over r-over-3">เราจะรวมคำอธิบายตารางใน HTML ได้อย่างไร </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056158.html" class="i-text"><p class="r-over r-over-3">เราจะรวมข้อความขนาดใหญ่ใน HTML ได้อย่างไร </p></a> </li> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/ec452w/1004056166.html" class="i-text"><p class="r-over r-over-3">เราจะรวมข้อความที่เน้นใน HTML ได้อย่างไร </p></a> </li> </ul> <ul class="types f-between"> <li><a class='childclass' href='https://th.wsxdn.com/db044w/hf444z/' target="_self">การเขียนโปรแกรม C</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/bz445u/' target="_self">C++</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/tr446l/' target="_self">Redis</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp447j/' target="_self">การเขียนโปรแกรม BASH</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/wu448o/' target="_self">Python</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/nl449f/' target="_self">Java</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ig450a/' target="_self">ฐานข้อมูล</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/zx451s/' target="_self">HTML</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ec452w/' target="_self">Javascript</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/db453v/' target="_self">การเขียนโปรแกรม</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/if454a/' target="_self">CSS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/ge455y/' target="_self">Ruby</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/xv456p/' target="_self">SQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh457b/' target="_self">IOS</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/om458g/' target="_self">Android</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/mk459f/' target="_self">MongoDB</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/rp460j/' target="_self">MySQL</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/qn461i/' target="_self">C#</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/jh465b/' target="_self">PHP</a></li> <li><a class='childclass' href='https://th.wsxdn.com/db044w/kh471c/' target="_self">SQL Server</a></li> </ul> </aside> </section> <footer> <section class="msg f-center container"> <span class="f-start"> ลิขสิทธิ์ © <a href="https://th.wsxdn.com">https://th.wsxdn.com</a> สงวนลิขสิทธิ์ </span> </section> </footer> </body> </html>
