Permettent de diviser votre écran
en 2 parties indépendantes (ou davantage).
Les informations concernant cette opération sont contenues dans un fichier html indépendant, souvent le fichier index.html (voir leçon 2). Les informations sont les suivantes :
- division verticale ou horizontale,
- taille des fenêtres,
- nom de chacune d'elles,
- adresse des documents à ouvrir dans chacune des fenêtres,
- texte qui s'affiche quand un browser trop ancien ne peut ouvrir les frames (noframes).
Les attributs sont les suivants
:
| rows | nombre de lignes (division horizontale) Valeur en pourcentage ou pixels. |
| cols | nombre de colonnes (division verticale) Valeur en pourcentage ou pixels. |
| frameborder | bordure de la fenêtre "yes" ou "no" |
| bordercolor | couleur de la bordure |
| src | source |
| noresize | interdit la modification de la taille des fenêtres |
| scrolling | permet ou non de faire défiler les fichiers dans la fenêtre (valeurs : yes, no, auto) |
| name | permet de nommer la fenêtre |
| marginwidht | marge en bord de frame |
| marginheight | marge en haut et bas de page |
<html>
<frameset rows = "90%,*" frameborder=
"yes">
<frame src= lecon_3.html noresize scrolling=yes
name=top>
<frame src=low.html scrolling=no name=bottom>
</frameset>
<noframes>
Votre ordinateur n'est pas en mesure d'ouvrir
les fenêtres, veuillez
<a href ="lecon.3.html">cliquer ici</a>
pour lire la leçon sur les frames..
</noframes>
</html>
Exemple de frames verticales :
<html>
<frameset cols = "100,*" frameborder=
"yes">
<frame src=left.html scrolling=no name=left>
<frame src= lecon_3.html noresize scrolling=yes
name=right>
</frameset>
<noframes>
Votre ordinateur n'est pas en mesure d'ouvrir
les fenêtres, veuillez
<a href ="lecon.3.html">cliquer ici</a>
pour lire la leçon sur les frames..
</noframes>
</html>
L'attribut "target" d'un lien hypertexte :
Si un site est constitué de deux
fenêtres ou plus, il est nécessaire de préciser où
un hypertexte devra apparaître.
Cette précision est donnée
avec l'adresse du lien hypertexte. Nous utilisons à cet effet l'attribut
"target" qui signifie cible.
C'est pour cette
raison que nous nommons chacune des fenêtres.
ex : <a href = "lecon3.html" target="right"> le document "lecon3.html" apparaîtra dans la fenêtre nommée "right".
target = "blank" place le document dans une nouvelle fenêtre.
Testez "target="blank"", pour revenir en arrière : fermez le document.
Exercice :
- Modifiez le résultat de l'exercice 2 en introduisant des frames.
- Il est possible de combiner deux frames comme ceci, trouvez l'astuce.