Hypertext Markup Language (HTML) offre la possibilité de diviser une page en plusieurs fenêtres - "frames". Chacun des cadres peut avoir sa propre source Internet à afficher. Ce mécanisme peut être utilisé pour insérer des pages d'autres sites dans des pages de votre site.
Il est nécessaire
Éditeur de texte Bloc-notes
Instructions
Étape 1
Le code HTML d'une page est un ensemble d'instructions pour le navigateur indiquant où sur la page chacun de ses éléments doit être affiché et à quoi il doit ressembler. Ces instructions sont appelées "balises" et pour créer une page qui en contient une ou plusieurs autres, vous devez écrire le jeu de balises approprié. Nous commençons par les balises qui créent un conteneur pour tous les cadres de la page:
Ce sont les balises d'ouverture et de fermeture du conteneur - les balises qui forment les cadres devront être placées entre elles. En HTML, les balises ont des "attributs" - elles contiennent des informations supplémentaires sur les propriétés de l'élément de page, dont l'affichage spécifie cette balise. Dans la balise d'ouverture du conteneur, vous devez spécifier un attribut qui contient des informations sur la façon dont le navigateur doit diviser l'espace de page entre ses cadres:
L'attribut « cols » de cet exemple de code spécifie que la page doit être divisée verticalement en deux cadres, celui de gauche occupant 20 % de la largeur de la fenêtre et celui de droite 80 %. Si au lieu de l'attribut "cols" vous spécifiez l'attribut "rows", alors la page sera divisée horizontalement:
Au lieu d'un nombre, vous pouvez écrire un astérisque (*):
Cela signifie que le deuxième cadre disposera de tout l'espace restant. Les tailles de cadre peuvent être spécifiées non pas en pourcentages, mais en unités de mesure qui sont le plus souvent utilisées dans la mise en page - en "pixels":
Étape 2
La balise HTML du cadre lui-même, qui doit être placée dans le conteneur, s'écrit comme suit: L'attribut "src" de la balise "frame" contient l'adresse de la page web que le navigateur doit charger dans ce cadre. Une adresse écrite de cette manière est appelée "absolue" - elle commence par le protocole https://. Mais s'il s'agit d'une page de votre propre site et qu'elle se trouve dans le même (ou sous-dossier) dossier, vous n'avez pas besoin de spécifier l'adresse absolue, seuls le nom de fichier et le chemin d'accès au sous-dossier suffiront. Une telle adresse sera dite « relative »: - Les bordures entre les cadres de la page par défaut peuvent être déplacées avec la souris. Cette fonctionnalité est désactivée par l'attribut noresize: - Il y a deux attributs qui déterminent la taille des marges entre les cadres - marginheight définit la marge verticale (haut et bas), et la marginwidth - horizontalement (droite et gauche): - Utilisation d'un autre attribut - "scrolling" - vous pouvez indiquer au navigateur les règles pour les barres de défilement du cadre: La valeur "auto" spécifie que les barres de défilement doivent apparaître au besoin, c'est-à-dire lorsque le contenu ne rentre pas dans le cadre. Si vous définissez la valeur sur "yes", alors ce cadre aura toujours des barres de défilement, et la valeur "non", au contraire, empêche l'affichage des barres de défilement - Si les pages contenues dans le conteneur fonctionnent avec des scripts JavaScript qui effectuer des opérations dans des cadres adjacents, il peut être nécessaire de distinguer les cadres par leur nom. L'attribut contenant le nom de la trame s'appelle name:
Étape 3
Ces définitions HTML suffisent à créer une simple page à partir de plusieurs pages d'autres sites. Pour ce faire, vous aurez besoin de n'importe quel éditeur de texte, par exemple un bloc-notes standard. Dans celui-ci, créez un nouveau document et écrivez ces balises html:
Enregistrez ensuite ce code avec une extension htm ou html - par exemple, test.html. Tout est prêt, si vous ouvrez ce document avec un navigateur, le résultat ressemblera à ceci:
Étape 4
Il existe un autre type de cadre - "flottant". Il peut être situé à l'intérieur d'une page ordinaire, non divisé en cadres. Un tel cadre a des attributs de largeur et de hauteur supplémentaires qui définissent ses dimensions. Le code de cette balise peut ressembler à ceci:
