CADRESIl est possible de scinder verticalement ou horizontalement une fenêtre en 2 ou plusieurs parties.
Dans chacune de ces parties viendra s'insérer un fichier html.
Création d'un fichier Cadre à division verticale
<HEAD>
<TITLE>Guide HTML de base</TITLE>
</HEAD>
<FRAMESET COLS="20%,80%">
<NOFRAMES>
<FRAME SRC="sommhtm.htm">
<FRAME SRC="guidehtml.htm" NAME="droite">
</FRAMESET>
</HTML>
<FRAME SRC="fichier.htm"> permet d'insérer un fichier dans les cadres créés précédemment.
Création d'un fichier Cadre à division horizontale L'attribut COLS peut être remplacé par ROWS pour avoir une séparation horizontale. La valeur attribuée correspond à la taille du cadre par rapport à la largeur de la page.
<FRAMESET ROWS="20%,80%">
<NOFRAMES>
<FRAME SRC="fichier1.htm">
<FRAME SRC="fichier2.htm" NAME="bas">
</FRAMESET>
</HTML>
Création d'un cadre avec bannière et sommaire <FRAMESET ROWS="64,*">
<FRAME NAME="banniere" SCROLLING="no" NORESIZE TARGET="sommaire">
<FRAMESET COLS="150,*">
<FRAME NAME="sommaire" TARGET="principal">
<FRAME NAME="principal">
</FRAMESET>
La commande Scrolling avec l'attribut Yes ou No permet d'autoriser ou non une barre de défilement.
Création d'un cadre avec hiérarchie imbriquée
<FRAMESET COLS="150,*">
<FRAME NAME="gauche" SCROLLING="no" NORESIZE TARGET="haut_droite" SRC="fichier.htm">
<FRAMESET ROWS="20%,*">
<FRAME NAME="haut_droite" TARGET="bas_droite" SRC="fichier.htm">
<FRAME NAME="bas_droite" SRC="fichier.htm">
</FRAMESET>
Attribuer un nom à un cadrePour pouvoir faire des liens d'un cadre vers un autre, il faut leur donner des noms. Il est conseillé d'attrbuer un nom significatif (haut, bas, gauche, droite...).
<FRAME SRC="fichier.htm" NAME="droite">
Liens entre cadresPar défaut un navigateur ouvrira la page correspondant au lien dans la même fenêtre que celle du lien.
Pour forcer cette commande il faut utiliser l'attribut TARGET dans le tag du lien.
Exemple : <A HREF="fichier.htm" TARGET="droite">
TARGET indique le nom du cadre cible où devra s'afficher le fichier html.
_blank : ouvre une nouvelle fenêtre pour afficher la page
_self : affiche dans la même fenêtre (par défaut)
_parent : affiche dans le cadre supérieur.
Accueil 
Sujet: HTML : les cadres 
Dim 29 Juin 2008 - 16:16