Cadres HTML

Précédent ◈ Suivant

Apprenez à créer des cadres HTML. Cet article montre comment utiliser les balises FRAME et FRAMESET, comment lier entre les cadres, et quelques exemples de frameset.







cadres HTML peuvent également être utilisés d'une manière arty pour positionner les éléments graphiques à l'écran. Voir notre PageKit en ligne Japery pour un exemple.

Les frameset balises HTML et cadre

Pour simplifier les choses, on ne va pas à l'ensemble et syntaxe ici; seulement les options qui sont le plus souvent utilisés.

Jetons un coup d'oeil à la étiqueter d'abord:

Tous les attributs sont facultatifs, sauf l'attribut lignes ou Col..

Le premier attribut, des lignes ou des cols. indique si le jeu de cadres sera composé de cadres alignés en rangées ou des colonnes. (Pour créer un jeu de cadres contenant les lignes et les colonnes, vous devez nid framesets à l'intérieur du principal frameset - voir la section Exemples de frameset au bas de la page.)

Les lignes et les attributs permettent Col. également de spécifier comment apparaissent ces lignes ou des colonnes dans le jeu de cadres. Chacune des lignes / colonnes est spécifié à son tour, séparés par des virgules. Chaque valeur peut prendre l'une des quatre formes suivantes:

n La ligne / colonne sera n pixels de profondeur / largeur n% La ligne / colonne prendra n% de la largeur / hauteur de la fenêtre parent / trame * La ligne / colonne prendra quel que soit l'espace disponible pour ce n * la ligne / colonne prendra proportionnellement n fois plus d'espace comme une ligne / colonne définie avec *

L'attribut frontière vous permet de spécifier la largeur (en pixels) des frontières entre les cadres du jeu de cadres. La valeur par défaut sur la plupart des navigateurs est de 5 pixels de large.

L'attribut frameborder spécifie si les cadres auront des frontières ou non. Souvent, il est agréable d'avoir des cadres sans soudure, comme dans le jeu de cadres en ligne Japery - cette option vous permet de désactiver les frontières de cadre tout à fait avec frameborder = 0. Notez que cela ne produit pas toujours des cadres sans frontières dans tous les navigateurs, car ils ont tous les paramètres supplémentaires qui peuvent entraîner des frontières couleurs à plat entre les cadres! Pour être sûr, spécifiez border = 0. frameborder = 0 et framespacing = 0.







L'attribut framespacing spécifie la largeur entre les images en pixels, et donc la largeur de bordure; effectivement la même que l'attribut border.

Maintenant, nous allons jeter un coup d'oeil au HTML marque:

Tous les attributs sont facultatifs.

Voici comment ces attributs cadre de travail:

Jetez un oeil à quelques-uns des exemples de frameset à la fin de cette page pour voir comment la et balises fonctionnent ensemble.

Liaison entre les cadres HTML

Souvent, vous voulez avoir un lien hypertexte dans un document dans un cadre qui ouvre un document dans un autre cadre. Par exemple, une image peut être un cadre de navigation ou un menu, contenant des liens vers des pages qui doivent être ouvertes dans un autre cadre.

Alors, comment est-il fait? Facile. Vous ajoutez la cible d'attribut à la balise pour indiquer le nom du cadre pour ouvrir la page. Vous avez donné chaque image un nom, à droite. )

Par exemple, supposons que votre frameset a deux cadres, appelés principal et le menu. Votre cadre de menu a une src de menu.html. Vous avez un lien dans la page menu.html à une page appelée services.html. que vous souhaitez voir apparaître dans le cadre principal. Voici comment faire:

Ce lien, lorsqu'il est placé dans la page menu.html, provoquera la services.html page à ouvrir dans le cadre principal.

Il y a quelques valeurs spéciales que vous pouvez utiliser pour cible. Ceux-ci sont:

_parent La page sera chargée dans le cadre contenant le jeu de cadres en cours (pour les cadres imbriqués). _top La page remplacera le plus élevé de cadres, à savoir la charge dans toute la fenêtre du navigateur. Idéal pour remplacer un tout avec un autre jeu de cadres. _blank La page sera chargée dans une nouvelle fenêtre du navigateur, ce qui provoque une nouvelle fenêtre pour l'ouvrir. _self La page sera toujours charger dans le même cadre que le lien est. Ceci est la cible par défaut de toute façon, mais la valeur par défaut peut être annulé en spécifiant la ligne dans l'élément de tête de la page.

Codage pour les navigateurs sans cadre

Vous fournissez une autre page en utilisant le et étiquettes avant marque. navigateurs Frame-Aware entre ces ignorer tout balises, alors que les anciens navigateurs aller de l'avant et afficher le contenu. Par exemple:

Quelques exemples de frameset

Jetons un coup d'oeil à quelques échantillons framesets, ainsi que le code HTML qui les rend.

1. Le frameset « menu sur la gauche »

2. Un frameset trois encadrés

Cet exemple utilise imbriqués pour afficher framesets deux cadres de menu, un en haut et un en bas de la droite.

Partagez cette page







Articles Liés
Précédent ◈ Suivant