Comprendre et visualiser

C'est une page totalement indépendante (appelée cadre.htm) qui a ses propriétés propres (fonds, couleurs, images, textes, etc). Sa taille peut être définie.

Elle peut bien sûr contenir des liens, mais attention : ceux-ci se chargent à l'intérieur de l'Iframe. Essayez de cliquer sur le lien à l'intérieur de l'Iframe en jaune. Il y a bien sûr un moyen d'ouvrir un lien interne à une Iframe à l'extérieur de celle-ci.

Vous pouvez aussi influencer le contenu de cette Iframe par des liens extérieurs. Cliquez ici pour voir.

Créer l'iframe et la placer

Commencez une nouvelle page HTML et incluez-y tout ce que vous souhaitez voir apparaître dans votre fenêtre. Conservez la structure de base HTML (avec les balises head et body). Ne vous inquiétez pas pour la largeur du texte, il s'alignera plus tard à la largeur de votre Iframe.

Ensuite, prenez la page qui va contenir l'Iframe (votre page principale) préparez l'emplacez de l'Iframe et placez-y le code suivant :

<iframe src="cadre.htm" width="300" height="150" name="iframe">Votre navigateur ne gère pas les Iframes.</iframe>

Vous pouvez bien évidemment changer la largeur de votre Iframe (attribut width) ainsi que sa longueur (attribut height). Et remplacez bien sûr cadre.htm par l'adresse de votre propre page, si vous l'avez appelée d'une manière différente.

Notez que si vous souhaitez inclure plusieurs Iframes dans une même page, il vous faudra leur donner un nom différent (attribut name) pour éviter les conflits de liens.

Gérer le contenu par des liens externes

Pour créer des liens externes qui vont influencer le contenu de l'Iframe faites comme suit.

Tout d'abord assurez-vous que la balise iframe contienne bien l'attribut name (dans mon code disponible plus haut, il y est, avec la valeur iframe).

Créez votre lien, et ajoutez à l'intérieur de la balise a l'attribut target, avec pour valeur le nom que vous avez donné à votre Iframe (chez moi : iframe).

Voici un exemple de lien :

<a href="sitespreferes.htm" target="iframe">Mes sites web préférés</a>