หน้าแรก
ระบบเครือข่าย
/
การแก้ไขปัญหา
ระบบ
ซอฟต์แวร์
ฮาร์ดแวร์
การเขียนโปรแกรม
สมาร์ทโฟน
Computer
>>
บทช่วยสอนคอมพิวเตอร์
> >>
การเขียนโปรแกรม
>>
JavaScript
วิธีสร้างเฟรมอินไลน์โดยใช้แท็ก
ภายในหน้า HTML</h1> <div class="ad ad4"> <script language='javascript' src='/ad/w.js'></script> </div> <article class="article"> <hr/><p style="">แท็ก <iframe> ใช้เพื่อระบุเฟรมแบบอินไลน์ กรอบอินไลน์ฝังเอกสารอื่นภายในเอกสารปัจจุบัน การสร้างเฟรมอินไลน์นั้นค่อนข้างง่าย</P> <p style="">แท็ก <iframe> มีคุณลักษณะดังต่อไปนี้ −</P> <table><thead><tr><th style="width:24.146%; text-align:center;">แอตทริบิวต์ <br> </th> <th style="width:75.6987%; text-align:center;">คำอธิบาย <br> </th> </tr> </thead> <tbody><tr><td style="width:24.146%; text-align:center;">height <br> </td> <td style="width:75.6987%;">ความสูงของ <iframe> เป็นพิกเซล <br> </td> </tr> <tr><td style="width:24.146%; text-align:center;">ชื่อ <br> </td> <td style="width:75.6987%;">ชื่อของ <iframe> <br> </td> </tr> <tr><td style="width:24.146%; text-align:center;">src <br> </td> <td style="width:75.6987%;">URL ของเอกสารที่จะฝัง <br> </td> </tr> <tr><td style="width:24.146%; text-align:center;">กับ <br> </td> <td style="width:75.6987%;">ความกว้างของ <iframe> เป็นพิกเซล <br> </td> </tr> </tbody> </table> <p style=""> <br> </P> <p> <img loading='lazy' alt='วิธีสร้างเฟรมอินไลน์โดยใช้แท็ก iframe ภายในหน้า HTML ' src="http://computer.wsxdn.com/article/uploadfiles/202203/2022033110212770.jpg" /></P> <h2>ตัวอย่าง</h2> <p style="">คุณสามารถลองเรียกใช้โค้ดต่อไปนี้เพื่อสร้างเฟรมอินไลน์ใน HTML</P> <p style=""></P> <pre><!DOCTYPE html> <html> <head> <title>HTML iframe Tag</title> </head> <body> <iframe src="https://www.qries.com" width="100%"> </iframe> </body> </html></pre> <br> </article> <div class="ad ad5"> <script language='javascript' src='/ad/w.js'></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/ec452w/1004055380.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/ec452w/1004055382.html' >ฉันจะตั้งค่าเริ่มต้นสำหรับองค์ประกอบ HTML <select> ได้อย่างไร </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/zx451s/1004063769.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/1004063788.html" class="title"> <p class="r-over r-over-2" title="เราจะจัดรูปแบบองค์ประกอบ HTML โดยใช้แท็ก span <span> ได้อย่างไร ">เราจะจัดรูปแบบองค์ประกอบ HTML โดยใช้แท็ก span <span> ได้อย่างไร </p> </a> </div> </li> <li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063789.html" class="title"> <p class="r-over r-over-2" title="เราจะจัดรูปแบบองค์ประกอบ HTML โดยใช้แท็กการหาร <div> ได้อย่างไร ">เราจะจัดรูปแบบองค์ประกอบ HTML โดยใช้แท็กการหาร <div> ได้อย่างไร </p> </a> </div> </li> <li class="aList-2 aList f-between f-align"> <div> <a href="https://th.wsxdn.com/db044w/zx451s/1004063798.html" class="title"> <p class="r-over r-over-2" title="เราจะจัดรูปแบบตัวแปรโดยใช้แท็ก <var> ใน HTML ได้อย่างไร ">เราจะจัดรูปแบบตัวแปรโดยใช้แท็ก <var> ใน HTML ได้อย่างไร </p> </a> </div> </li> </ol> </section> </section> <aside class="box-r"> <section class="box4-1"> <strong>JavaScript</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/1004054546.html" title="วิธีใช้ HTML Element "> <p class="r-over r-over-2">วิธีใช้ HTML Element </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/ec452w/1004054935.html" title="จะเขียนโค้ด JavaScript แบบอินไลน์ในหน้า HTML ได้อย่างไร "> <p class="r-over r-over-2">จะเขียนโค้ด JavaScript แบบอินไลน์ในหน้า 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/ec452w/1004056142.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/1004063799.html" title="เราจะจัดรูปแบบผลลัพธ์ของคอมพิวเตอร์โดยใช้แท็ก <samp> ใน HTML ได้อย่างไร "> <p class="r-over r-over-2">เราจะจัดรูปแบบผลลัพธ์ของคอมพิวเตอร์โดยใช้แท็ก <samp> ใน 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/1004063801.html" title="วิธีการใช้แท็ก <base> เพื่อกำหนด URL ฐานสำหรับหน้า HTML? "> <p class="r-over r-over-2">วิธีการใช้แท็ก <base> เพื่อกำหนด URL ฐานสำหรับหน้า HTML? </p> </a> </li> </ol> </section> <ul> <li class="f-start f-align"> <a href="https://th.wsxdn.com/db044w/zx451s/1004063706.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/zx451s/1004063707.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/zx451s/1004063722.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/zx451s/1004063726.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/zx451s/1004063743.html" class="i-text"><p class="r-over r-over-3">จะใช้แท็ก HTML ในตาราง 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>
