Cadres (frames)
​
Les cadres sont utilisés dans le but de diviser la page en sections. Par exemple, on peut définir une partie de la page pour y mettre un menu avec des liens vers les différentes pages du site et d'autre pour y mettre le contenu de la page courante.
​
Pour les faires, on utilise les balises <frameset> et <frame>.
​
- frameset - établit les caractéristiques des cadres, leurs largeurs, type (rangés ou colonnes, etc.
- frame - spécifie le fichier qui sera affiché da chaque cadre.
​
Exemple de cadres en horizontal
​
​
​
​
​
​
Le code est placé dans un fichier, à la place de la balise <body>. Il n'y a pas d'autres balises à part celles de base: html et head.
​
Dans cet exemple, le menu sera placé dans la première rangée (row) et le contenu se trouve dans le fichier menu.html.
​
L'attribut rows sert à établir la largeur de chaque rangée. Ici, la 1ère rangée représente 20% de la largeur de la page et le reste (définit par *) est utilisé par la 2e rangée.
​
La 2e rangée qui a le nom "content" contient par défaut le contenu du fichier Cours1.html. Chaque lien du fichier menu.html va ouvrir son contenu, défini par l'attribut href, dans cette partie de la page, grâce au code suivant qui se trouve dans le fichier menu.html.
​
​
Résultat du frameset
​
​
​
​
​
​
​
​
​
​
​
​
​
​
Exemple de cadres en vertical
​
​
​
​
​
​
Observez l'attribut cols qui signifie que la page sera divisée en colonnes. Dans cet exemple, il n'y a que 2 colonnes, dont la première occupe 20% de la largeur et l'autre, le reste. La colonne de gauche est utilisée pour y mettre le menu du site. Le contenu de chaque lien apparaîtra, ici aussi, dans la 2e colonne qui porte le nom "content".
​
Voici le résultat:
​
​
​
​
​
​
​
​
​
Exemple de cadres composés
​
​
​
​
​
​
​
​
​
​
​
​
Vous pouvez voir que la page est divisée en 2 rangées (rows), dont la première est large de 100px. La deuxième occupe le reste de la page, mais elle est séparée en deux colonnes, dont la largeur de la première est 20% de la page.
​
​
​
​
​
​
​
​
​
​
​
​
