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
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
Contoh 1
Dalam contoh di bawah, kami menggunakan atribut "srcdoc" dengan teg untuk menentukan kandungan HTML halaman (elemen ) untuk dipaparkan dalam
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 id="How-to-specify-the-HTML-content-of-the-page-to-show-in-the-iframe-in-HTML">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 id="You-can-find-any-tutorial-on-tutorialspoint">You can find any tutorial on tutorialspoint</h2>">
<p>Browser does not support iframes.</p>
</iframe>
</body>
</html>
Salin selepas log masuk
Seperti yang dapat kita lihat dalam output, kandungan HTML (
elemen) dalam dokumen dipaparkan dalam .
Contoh 2
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 id="How-to-specify-the-HTML-content-of-the-page-to-show-in-the-iframe-in-HTML">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>
Salin selepas log masuk
Seperti yang kita lihat dalam output, kandungan HTML (jadual HTML) dalam dokumen dipaparkan dalam .
Contoh 3
Secara lalai, semua pelayar akan memaparkan sebagai lalai. Kita boleh menggunakan CSS untuk menukar gaya .
Dalam contoh di bawah,
Kami menukar gaya dengan menukar lebar, ketinggian dan sempadannya menggunakan CSS.
Kami menggunakan atribut "srcdoc" dengan teg untuk menentukan kandungan HTML halaman ( elemen) yang akan dipaparkan dalam 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 id="How-to-specify-the-HTML-content-of-the-page-to-show-in-the-iframe-in-HTML">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>
Salin selepas log masuk
Seperti yang kita lihat dalam output, kandungan HTML ( elemen) dalam dokumen dipaparkan dalam dan kami juga menukar gaya menggunakan CSS.
Atas ialah kandungan terperinci Bagaimana untuk menentukan dalam HTML kandungan HTML halaman untuk dipaparkan dalam ?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel ini membincangkan html & lt; kemajuan & gt; elemen, tujuan, gaya, dan perbezaan dari & lt; meter & gt; elemen. Tumpuan utama adalah menggunakan & lt; kemajuan & gt; untuk menyelesaikan tugas dan & lt; meter & gt; untuk stati
HTML sesuai untuk pemula kerana mudah dan mudah dipelajari dan dapat melihat hasilnya dengan cepat. 1) Keluk pembelajaran HTML adalah lancar dan mudah dimulakan. 2) Hanya menguasai tag asas untuk mula membuat laman web. 3) Fleksibiliti yang tinggi dan boleh digunakan dalam kombinasi dengan CSS dan JavaScript. 4) Sumber pembelajaran yang kaya dan alat moden menyokong proses pembelajaran.
Artikel ini membincangkan html & lt; datalist & gt; elemen, yang meningkatkan bentuk dengan menyediakan cadangan autokomplete, meningkatkan pengalaman pengguna dan mengurangkan kesilapan. Kira -kira: 159
Artikel ini membincangkan html & lt; meter & gt; elemen, digunakan untuk memaparkan nilai skalar atau pecahan dalam julat, dan aplikasi umum dalam pembangunan web. Ia membezakan & lt; meter & gt; dari & lt; kemajuan & gt; dan Ex
Artikel ini membincangkan & lt; iframe & gt; Tujuan TAG dalam membenamkan kandungan luaran ke dalam halaman web, kegunaan umum, risiko keselamatan, dan alternatif seperti tag objek dan API.
Artikel ini membincangkan tag Meta Viewport, penting untuk reka bentuk web responsif pada peranti mudah alih. Ia menerangkan bagaimana penggunaan yang betul memastikan skala kandungan yang optimum dan interaksi pengguna, sementara penyalahgunaan boleh membawa kepada isu reka bentuk dan kebolehaksesan.
HTML mentakrifkan struktur web, CSS bertanggungjawab untuk gaya dan susun atur, dan JavaScript memberikan interaksi dinamik. Ketiga melaksanakan tugas mereka dalam pembangunan web dan bersama -sama membina laman web yang berwarna -warni.