HTML-Frames

Erfahren Sie, wie HTML-Frames erstellen. Dieser Artikel zeigt, wie Sie die Frame- und Frameset-Tags verwenden, wie zwischen den Bildern und einigen Frameset Beispielen zu verknüpfen.







HTML-Frames kann auch in einer künstlerischen Art und Weise verwendet werden, grafische Elemente auf dem Bildschirm zu positionieren. Sehen Sie unsere PageKit Online Japery für ein Beispiel dafür.

Die HTML-Frameset und Frame-Tags

Zur Vereinfachung der Dinge, wir gehen decken nicht die gesamte und Syntax hier; nur die Optionen, die am häufigsten verwendet werden.

Schauen wir uns den einen Blick Tag zuerst:

Alle Attribute sind optional mit Ausnahme der Zeilen oder Spalten-Attribut.

Das erste Attribut, Zeilen oder Spalten. gibt an, ob das Frame-Set von Rahmen aufgereiht in Zeilen oder Spalten bestehen. (Um beide Zeilen und Spalten ein Frameset erstellen enthält, müssen Sie nisten Frame-Sets innerhalb des Haupt Frameset - die Frameset Beispiele Abschnitt am unteren Rand der Seite sehen.)

Die Zeilen und Spalten Attribute erlauben auch angeben, wie Sie diese Zeilen oder Spalten innerhalb des Frame-Set erscheinen. Jede der Zeilen / Spalten wird wiederum angegeben, durch Kommas getrennt. Jeder Wert kann eine der folgenden vier Formen annehmen:

n die Zeile / Spalte werden n Pixel tief / weit n% Die Zeile / Spalte werden n% der Breite / Höhe des Elternfensters / Rahmen aufzunehmen * Die Zeile / Spalte aufnehmen wird, was Raum zur Verfügung steht, n * die Zeile / Spalte nehmen proportional n-mal so viel Platz wie eine Zeile / Spalte definiert mit *

Das Grenze-Attribut ermöglicht, die Breite (in Pixel) der Grenzen zwischen dem Rahmen in der Rahmengruppe zu spezifizieren. Der Standard auf den meisten Browsern ist 5 Pixel breit.

Die Frameborder Attribut gibt an, ob die Rahmen Grenzen haben wird oder nicht. Oft ist es schön, nahtlose Rahmen zu haben, wie sie in der Online Japery Frameset - Mit dieser Option können Sie Frame-Rahmen zusammen mit frameborder = 0 auszuschalten. Beachten Sie, dass dies nicht immer randlose Frames in allen Browsern produzieren, da sie alle weiteren Einstellungen haben, die in flachen Farbgrenzen zwischen den Rahmen führen kann! Um sicher zu sein, geben Sie border = 0. frameborder = 0 und FRAMESPACING = 0.







Das FRAMESPACING Attribut gibt die Breite zwischen dem Rahmen in Pixel, und somit die Randbreite; effektiv das gleiche wie das Attribut border.

Werfen wir nun einen Blick auf die HTML tag:

Alle Attribute sind optional.

Hier ist, wie diese Rahmenarbeit Attribute:

Werfen Sie einen Blick auf einige der Frameset Beispiele am Ende dieser Seite, um zu sehen, wie die und Tags arbeiten zusammen.

Die Verknüpfung zwischen HTML-Frames

Oft wollen Sie in einem Rahmen auf einen Hyperlink in einem Dokument, das ein Dokument in einem anderen Frame geöffnet. Zum Beispiel ein Rahmen könnte eine Navigation oder Menürahmen, mit Links zu Seiten, die in einem anderen Frame geöffnet werden sollen.

So, wie es gemacht? Einfach. Sie fügen das Attribut Ziel der Tag den Namen des Rahmens angeben, in die Seite zu öffnen. Sie jeder Frame einen Namen gab, richtig. )

Zum Beispiel, sagen Ihre Frameset zwei Frames haben, Haupt- und Menü aufgerufen. Ihr Menürahmen hat eine src von menu.html. Sie haben einen Link in Ihrer menu.html Seite zu einer Seite namens services.html. dass Sie in dem Hauptrahmen erscheinen. Dies ist, wie Sie es tun:

Dieser Link, wenn sie in der menu.html Seite platziert, wird die Seite services.html verursacht im Hauptrahmen geöffnet werden.

Es gibt einige spezielle Werte, die Sie für die Ziel verwenden können. Diese sind:

_parent Die Seite wird in das Frame-Set geladen werden, um den aktuellen Rahmen, die (für verschachtelte Frame-Sets). _top Die Seite wird die oberste Frameset, das heißt Last in die gesamten Browser-Fenster ersetzen. Groß für mit einem anderen einen ganzen Frame-Set zu ersetzen. _blank Die Seite wird in einem brandneuen Browser-Fenster geladen werden, so dass ein neues Fenster zu öffnen. _self Die Seite wird immer in den gleichen Frame laden, wie der Link in ist. Dies ist das Standardziel wie auch immer, aber der Standard kann durch Angabe der Zeile außer Kraft gesetzt werden im Kopfelement Seite.

Coding für rahmenlos Browser

Sie bieten eine Alternative Seite durch die Verwendung von und Tags vor Ihrer -Tag. Frame-fähigen Browser wird alles zwischen diesen Tags ignorieren, während ältere Browser voraus gehen und den Inhalt an. Beispielsweise:

Einige Beispiele Frameset

Lassen Sie uns ein paar Probe Frameset einen Blick, zusammen mit dem HTML, die sie macht.

1. Die "Menü-on-the-links" Frameset

2. Ein drei eingerahmt Frameset

Dieses Beispiel verwendet verschachtelte Framesets zwei Menü Frames anzeigen, eine entlang der oberen und eine auf der rechten Seite.

Teile diese Seite







In Verbindung stehende Artikel