HTML Tutorial

[ Inhaltsverzeichnis ]
[ 1.1 ] [ 1.2 ] [ 1.3 ] [ 1.4 ] [ 1.5 ] [ 1.6 ] [ 1.7 ] [ 2.0 ] [ 2.1] [ 2.2 ] [ 2.3 ] [ 2.4 ] [ 2.5 ] [ 2.6 ] [ 2.7 ] [ 2.8 ] [ 2.9 ] [ 3.0 ] [ 3.1 ] [ 3.2 ] [ 3.3 ]

Frames (1)
Mit Hilfe von Frames lässt sich das Browserfenster in mehrere eigenständige Browserfenster aufteilen. Diese Technik bietet in der Gestaltung von HTML-Seiten einige Vorteile, die sonst nur mit einem großen Aufwand zu bewältigen wären.

<title>Mustermanns Blumenladen</title>
</head>

<frameset rows="15%,85%" frameborder="0" framespacing="0"

border="0">

<frame src="./inhalt.html" name="inhalt" scrolling="yes"> </frameset>

<body>
Lieber Gast, leider kann Ihr Browser die Frametechnik dieser Seite nicht darstellen.<a href="light.htm">Folgen Sie diesem Link für unsere Seiten ohne Frames.</a>
</body>
</html>

So sieht's im Browser aus...

Zur Darstellung von Frames wird in der HTML-Datei ein weiterer Teilbereich definiert, welcher mit dem HTML Tag frameset eingeleitet wird. Wichtig hierbei ist, dass die Frameset-Definition zwischem dem Head und dem Body gesetzt wird. Der Body kann ganz normal mit HTML Tags editiert werden. Dieser Inhalt wird jedoch nur angezeigt, falls ein Besucher einen nicht framefähigen Browser besitzt.

Mit dem Attribut rows="15%,85%" weisen Sie den Browser an, das darzustellende Browserfenster horizontal in zwei Fenster zu gliedern. Das obere Fenster nimmt 15% und das untere Fenster 85% der Höhe des Bildschirms ein.

frameborder="0" framespacing="0" border="0" :
Hiermit wird die Darstellung von Rahmen unerdrückt.

frame src="./navigation.html":
Lädt die Datei navigation.html in das entsprechende Fenster.

name="navi":
Weist dem Fenster den Namen navi zu. Hierüber ist das Fenster ansprechbar.

scrolling="no":
Unterdückt das Einblende des Browser-Scrollbalkens. Mit scrolling=yes aktivieren Sie die Scrollfunktion des Brosers.

Weitere Möglichkeiten:

frameset cols="20%,80%":
Teilt das Browserfenster vertikal. Das linke Fenster nimmt 20% der Bildschirmbreite ein, das rechte Fenster 80%.

[ Inhaltsverzeichnis ]
[ 1.1 ] [ 1.2 ] [ 1.3 ] [ 1.4 ] [ 1.5 ] [ 1.6 ] [ 1.7 ] [ 2.0 ] [ 2.1] [ 2.2 ] [ 2.3 ] [ 2.4 ] [ 2.5 ] [ 2.6 ] [ 2.7 ] [ 2.8 ] [ 2.9 ] [ 3.0 ] [ 3.1 ] [ 3.2 ] [ 3.3 ]