Qu'est-ce que <iframe> ? Explication détaillée de l'utilisation de la balise iframe en HTML-tutoriel HTML-php.cn

Maison > interface Web > tutoriel HTML > Qu'est-ce que

Syntaxe de base :

Introduction aux attributs communs des balises :

la hauteur peut définir le cadre Hauteur affichée
largeur peut définir la largeur d'affichage du cadre
nom peut définir le nom du cadre
frameborder est utilisé pour définir si la bordure doit être affichée, une valeur de 1 indique que une bordure est requise
le défilement est utilisé pour définir si le cadre est requis. La valeur peut être oui, non, auto
src est utilisé pour définir l'adresse du cadre. l'adresse de la page ou l'adresse de l'image.
align est utilisé pour définir l'alignement de l'élément. La valeur peut être gauche, droite, haut, milieu, bas

Les attributs ci-dessus peuvent être définis selon les besoins.

Explication avec exemples : Comment utiliser la balise en HTML

Créez d'abord deux pages HTML, l'une nommée iframe-content.html et l'autre nommée Pour iframe.html, ajoutez du contenu à iframe-content.html Le code est le suivant :

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title></title>
 </head>
 <body>
  <p>蒹葭苍苍，白露为霜。所谓伊人，在水一方。</p>
  <p>溯洄从之，道阻且长。溯游从之，宛在水中央。</p>
  <p>蒹葭萋萋，白露未晞。所谓伊人，在水之湄。</p>
  <p>溯洄从之，道阻且跻。溯游从之，宛在水中坻。</p>
 </body>
</html>

Copier après la connexion

Utilisez ensuite la balise . Vous pouvez suivre Définir le style en fonction de vos propres besoins. Dans cet exemple, définissez frameborder sur 0, qui ne nécessite pas de bordure. Définissez le défilement sur non, qui ne nécessite pas de barre de défilement. Le code spécifique est le suivant : <. 🎜></p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <iframe src="iframe-content.html" width="400px" height="150px" frameborder="0" scrolling="no"></iframe> </body> </html></pre><div class="contentsignin">Copier après la connexion</div></div>Rendu avec bordures et barres de défilement : <p></p> <p><img title="1540519617592090.jpg" alt="Quest-ce que <iframe> ? Explication détaillée de lutilisation de la balise iframe en HTML" src="https://img.php.cn//upload/image/425/226/487/1540519617592090.jpg"></p>Rendu sans bordures et barres de défilement : <p></p> <p><img title="1540519639684461.jpg" alt="Quest-ce que <iframe> ? Explication détaillée de lutilisation de la balise iframe en HTML" src="https://img.php.cn//upload/image/581/726/900/1540519639684461.jpg"></p>Lorsque la majeure partie du contenu de la page est la même, par exemple, dans l'en-tête et le bas de la page, nous pouvons utiliser la balise <iframe> pour intégrer les parties répétées dans la page. Cela peut réduire le taux de duplication. de code et réduire la quantité de code. Cependant, l'inconvénient est que l'adresse URL de la page ne change pas. <p></p>Ce qui précède, combiné à des exemples, présente comment utiliser la balise <iframe> en HTML. Les débutants doivent l'essayer eux-mêmes pour voir si votre code peut obtenir un tel effet. Aide ! <p></p>[Recommandations de didacticiel associées]<p></p>1 <p>Tutoriel HTML<a href="http://www.php.cn/course/list/11.html" target="_blank"></a>2 <br>Tutoriel vidéo HTML5<a href="http://www.php.cn/course/list/13.html" target="_blank"></a>3. Tutoriel <br><a href="http://www.php.cn/course/list/15.html" target="_blank"></a></p>

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：

html iframe

source：php.cn

Article précédent：Explication détaillée de l'utilisation des balises mark en HTML (avec code) Article suivant：Que signifie la balise caption et comment l'utiliser (avec code)

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