Dalam artikel ini, kita perlu memaparkan kandungan HTML halaman dalam iframe tetingkap penyemak imbas dibahagikan kepada halaman yang berasingan. Kita boleh mencapainya menggunakan teg
HTML menentukan bingkai sebaris. Bingkai sebaris ini digunakan untuk membenamkan dokumen lain dalam dokumen HTML semasa. Teg ini disokong oleh semua penyemak imbas seperti Google Chrome, Microsoft Edge/Internet Explorer, Firefox, Safari, Opera, dll.
Atribut "srcdoc" bagi teg digunakan untuk menentukan kandungan HTML
Dalam contoh di bawah, kami menggunakan atribut "srcdoc" dengan teg dalam HTML.
<!DOCTYPE html> <html> <head> <title> How to specify the HTML content of the page to show in the "iframe" in HTML? </title> </head> <body> <h3>How to specify the HTML content of the page to show in the "iframe" in HTML?</h3> <p>We can do it by using <b>srcdoc</b> attribute of iframe in HTML.</p> <iframe srcdoc="<h2>You can find any tutorial on tutorialspoint</h2>"> <p>Browser does not support iframes.</p> </iframe> </body> </html>
Seperti yang dapat kita lihat dalam output, kandungan HTML (
Berikut ialah satu lagi contoh HTML Iframe, di sini kami mencipta jadual di dalam iframe.
<!DOCTYPE html> <html> <head> <title> How to specify the HTML content of the page to show in the "iframe" in HTML? </title> </head> <body> <h3>How to specify the HTML content of the page to show in the "iframe" in HTML?</h3> <p>We can do it by using <b>srcdoc</b> attribute of iframe in HTML.</p> <iframe srcdoc="<table border = 3> <caption> Abbreviations </caption> <tr> <th> HTML </th> <th> CSS </th> </tr> <tr> <td> Hypertext markup language</td> <td> Cascading style sheet </td> </tr> </table>"> <p>Browser does not support iframes.</p> </iframe> </body> </html>
Seperti yang kita lihat dalam output, kandungan HTML (jadual HTML) dalam dokumen dipaparkan dalam
Secara lalai, semua pelayar akan memaparkan
Dalam contoh di bawah,
Kami menukar gaya
Kami menggunakan atribut "srcdoc" dengan teg
<!DOCTYPE html> <html> <head> <title> How to specify the HTML content of the page to show in the "iframe" in HTML? </title> </head> <body> <h3>How to specify the HTML content of the page to show in the "iframe" in HTML?</h3> <p>We can do it by using <b>srcdoc</b> attribute of iframe in HTML.</p> <iframe srcdoc="<div> Hello Disha</div>" width="50%" height="100" style="border:3px solid green;"> <p>Browser does not support iframes.</p> </iframe> </body> </html>
Seperti yang kita lihat dalam output, kandungan HTML ( elemen) dalam dokumen dipaparkan dalam
Atas ialah kandungan terperinci Bagaimana untuk menentukan dalam HTML kandungan HTML halaman untuk dipaparkan dalam