Maison >interface Web >tutoriel HTML >Comment spécifier en HTML le contenu HTML d'une page à afficher dans un
Dans cet article, nous devons afficher le contenu HTML de la page dans un iframe ; la fenêtre du navigateur est divisée en pages distinctes. Nous pouvons accomplir cela en utilisant la balise
HTML spécifie un cadre en ligne. Ce cadre en ligne est utilisé pour intégrer un autre document dans le document HTML actuel. Cette balise est supportée par tous les navigateurs tels que Google Chrome, Microsoft Edge/Internet Explorer, Firefox, Safari, Opera, etc.
L'attribut "srcdoc" de la balise permet de préciser le contenu HTML
Dans l'exemple ci-dessous, nous utilisons l'attribut "srcdoc" avec la balise en 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>
Comme nous pouvons le voir dans le résultat, le contenu HTML (éléments
Voici un autre exemple d'Iframe HTML, ici nous créons un tableau à l'intérieur de l'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>
Comme nous pouvons le voir dans le résultat, le contenu HTML (tableau HTML) du document est affiché en
Par défaut, tous les navigateurs afficheront
Dans l'exemple ci-dessous,
Nous modifions le style de
Nous utilisons l'attribut "srcdoc" avec la balise
<!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>
Comme nous pouvons le voir dans le résultat, le contenu HTML (élément) du document est affiché en
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!