Comment spécifier en HTML le contenu HTML d'une page à afficher dans un <iframe> ?-tutoriel HTML-php.cn

Maison > interface Web > tutoriel HTML > Comment spécifier en HTML le contenu HTML d'une page à afficher dans un

HTML balise

La balise

en 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 à afficher dans la page. Cet attribut prend HTML_code comme valeur et spécifie le contenu HTML de la page à afficher dans <iframe>.

Exemple 1

Dans l'exemple ci-dessous, nous utilisons l'attribut "srcdoc" avec la balise pour spécifier le contenu HTML de la page (élément <iframe>) à afficher au sein du <h2> en HTML. </h2>

<!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>

Copier après la connexion

Comme nous pouvons le voir dans le résultat, le contenu HTML (éléments

) du document est affiché en . </p> <h3>Exemple 2</h3> <p>Voici un autre exemple d'Iframe HTML, ici nous créons un tableau à l'intérieur de l'iframe. </p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:html;toolbar:false;'><!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> </pre><div class="contentsignin">Copier après la connexion</div></div> <p>Comme nous pouvons le voir dans le résultat, le contenu HTML (tableau HTML) du document est affiché en <iframe>. </p> <h3>Exemple 3</h3> <p>Par défaut, tous les navigateurs afficheront <iframe> par défaut. Nous pouvons utiliser CSS pour changer le style de <iframe>. </p> <p>Dans l'exemple ci-dessous, </p> <ul class="list"> <li><p>Nous modifions le style de <iframe> en modifiant sa largeur, sa hauteur et ses bordures à l'aide de CSS. </p></li> <li><p>Nous utilisons l'attribut "srcdoc" avec la balise <iframe> pour spécifier le contenu HTML de la page (élément) à afficher dans le <iframe> HTML. </p></li> </ul> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:html;toolbar:false;'><!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> </pre><div class="contentsignin">Copier après la connexion</div></div> <p>Comme nous pouvons le voir dans le résultat, le contenu HTML (élément) du document est affiché en <iframe> et nous avons également modifié le style de <iframe> en utilisant CSS.
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!

Étiquettes associées：

imbrication HTML balise iframe spécification du contenu

source：tutorialspoint.com

Article précédent：Comment remplacer la balise méta par défaut dans « layout » par une balise méta personnalisée dans « view » avec HTML ? Article suivant：Passez le clic de souris sur l'élément HTML remplacé

Déclaration de ce site Web

Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Derniers articles par auteur