Hypertext Markup Language (HTML) bietet die Möglichkeit, eine Seite in mehrere Fenster - "Frames" - aufzuteilen. Jeder der Frames kann seine eigene Internetquelle zur Anzeige haben. Dieser Mechanismus kann verwendet werden, um Seiten von anderen Sites in Seiten Ihrer Site einzufügen.
Es ist notwendig
Texteditor Notepad
Anleitung
Schritt 1
Der HTML-Code einer Seite ist eine Reihe von Anweisungen für den Browser, die angeben, wo auf der Seite jedes seiner Elemente angezeigt werden soll und wie es aussehen soll. Diese Anweisungen werden "Tags" genannt. Um eine Seite zu erstellen, die eine oder mehrere andere enthält, müssen Sie die entsprechenden Tags schreiben. Wir beginnen mit den Tags, die einen Container für alle Frames auf der Seite erstellen:
Dies sind die öffnenden und schließenden Tags des Containers – die Tags, die die Rahmen bilden, müssen dazwischen platziert werden. In HTML haben Tags "Attribute" - sie enthalten zusätzliche Informationen über die Eigenschaften des Seitenelements, dessen Anzeige dieses Tag spezifiziert. Im öffnenden Tag des Containers müssen Sie ein Attribut angeben, das Informationen darüber enthält, wie der Browser den Seitenbereich zwischen seinen Frames aufteilen soll:
Das Attribut "cols" in diesem Codebeispiel gibt an, dass die Seite vertikal in zwei Frames aufgeteilt werden soll, wobei der linke 20 % der Fensterbreite einnimmt und der rechte 80 %. Wenn Sie anstelle des Attributs "cols" das Attribut "rows" angeben, wird die Seite horizontal geteilt:
Anstelle einer Zahl können Sie ein Sternchen (*) schreiben:
Dies bedeutet, dass der zweite Frame den gesamten verbleibenden Platz erhält. Frame-Größen können nicht in Prozent, sondern in Maßeinheiten angegeben werden, die im Seitenlayout am häufigsten verwendet werden - in "Pixeln":
Schritt 2
Der HTML-Tag des Frames selbst, der im Container platziert werden muss, wird wie folgt geschrieben: Das „src“-Attribut des „frame“-Tags enthält die Adresse der Webseite, die der Browser in diesen Frame laden soll. Eine so geschriebene Adresse heißt "absolut" - sie beginnt mit dem https://-Protokoll. Wenn dies jedoch eine Seite Ihrer eigenen Site ist und sie im selben (oder Unterordner) Ordner liegt, müssen Sie nicht die absolute Adresse angeben, es reichen nur der Dateiname und der Pfad zum Unterordner. Eine solche Adresse wird als "relativ" bezeichnet: - Rahmen zwischen den Rahmen der Seite können standardmäßig mit der Maus verschoben werden. Diese Funktion wird durch das Attribut noresize deaktiviert: - Es gibt zwei Attribute, die die Größe der Ränder zwischen Frames bestimmen - marginheight legt den vertikalen Rand (oben und unten) und die marginwidth - horizontal (rechts und links) fest: - Verwendung eines anderen Attributs - "scrolling" - Sie können dem Browser die Regeln für die Bildlaufleisten des Rahmens mitteilen: Der Wert "auto" gibt an, dass die Bildlaufleisten bei Bedarf erscheinen sollen, dh wenn der Inhalt nicht in den Rahmen passt. Wenn Sie den Wert auf "ja" setzen, dann hat dieser Rahmen immer Bildlaufleisten, der Wert "nein" hingegen verhindert die Anzeige von Bildlaufleisten - Wenn die im Container enthaltenen Seiten mit JavaScript-Skripten arbeiten, die Wenn Sie Operationen in benachbarten Frames ausführen, kann es erforderlich sein, Frames nach Namen zu unterscheiden. Das Attribut, das den Namen des Rahmens enthält, heißt name:
Schritt 3
Diese HTML-Definitionen reichen aus, um aus mehreren Seiten anderer Sites eine einfache Seite zu erstellen. Dazu benötigen Sie einen beliebigen Texteditor, beispielsweise einen Standard-Editor. Erstellen Sie darin ein neues Dokument und schreiben Sie diese HTML-Tags:
Dann speichern Sie diesen Code mit einer HTML- oder HTML-Erweiterung - zum Beispiel test.html. Alles ist fertig, wenn Sie dieses Dokument mit einem Browser öffnen, sieht das Ergebnis so aus:
Schritt 4
Es gibt eine andere Art von Rahmen - "schwebend". Es kann sich innerhalb einer normalen Seite befinden und nicht in Frames unterteilt sein. Ein solcher Rahmen hat zusätzliche Breiten- und Höhenattribute, die seine Abmessungen definieren. Der Code dieses Tags kann wie folgt aussehen:
