Iframes HTML
Un iframe HTML est utilisé pour afficher une page Web dans une page Web.
Syntaxe HTML Iframe
La balise HTML <iframe>spécifie un cadre en ligne.
Un cadre en ligne est utilisé pour incorporer un autre document dans le document HTML actuel.
Syntaxe
<iframe src="url" title="description"></iframe>
Conseil : Il est recommandé de toujours inclure un
titleattribut pour le <iframe>. Ceci est utilisé par les lecteurs d'écran pour lire le contenu de l'iframe.
Iframe - Définir la hauteur et la largeur
Utilisez les attributs heightet pour spécifier la taille de l'iframe.width
La hauteur et la largeur sont spécifiées en pixels par défaut :
Exemple
<iframe src="demo_iframe.htm" height="200" width="300"
title="Iframe Example"></iframe>
Ou vous pouvez ajouter l' styleattribut et utiliser le CSS heightet les width
propriétés :
Exemple
<iframe src="demo_iframe.htm" style="height:200px;width:300px;"
title="Iframe Example"></iframe>
Iframe - Supprimer la bordure
Par défaut, un iframe est entouré d'une bordure.
Pour supprimer la bordure, ajoutez l' styleattribut et utilisez la
borderpropriété CSS :
Exemple
<iframe src="demo_iframe.htm" style="border:none;"
title="Iframe Example"></iframe>
Avec CSS, vous pouvez également modifier la taille, le style et la couleur de la bordure de l'iframe :
Exemple
<iframe src="demo_iframe.htm" style="border:2px solid red;"
title="Iframe Example"></iframe>
Iframe - Cible pour un lien
Un iframe peut être utilisé comme cadre cible pour un lien.
L' targetattribut du lien doit faire référence à l' nameattribut de l'iframe :
Exemple
<iframe src="demo_iframe.htm" name="iframe_a" title="Iframe
Example"></iframe>
<p><a href="https://www.w3schools.com" target="iframe_a">W3Schools.com</a></p>
Résumé du chapitre
- La balise HTML
<iframe>spécifie un cadre en ligne - L'
srcattribut définit l'URL de la page à intégrer - Toujours inclure un
titleattribut (pour les lecteurs d'écran) - Les attributs
heightetwidthspécifient la taille de l'iframe - Utilisez
border:none;pour supprimer la bordure autour de l'iframe
Exercices HTML
Balise HTML iframe
| Tag | Description |
|---|---|
| <iframe> | Defines an inline frame |
Pour une liste complète de toutes les balises HTML disponibles, consultez notre Référence des balises HTML .