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 (2)
Frames können beliebig tief verschachtelt werden.
Insbesondere
können Sie das anzuzeigende Browserfenster horizontal und gleichzeitig
vertikal teilen. Bei der Navigation innerhalb von Frames sollten Sie bachten,
dass Sie beim Verlinken der einzelnen Browserfenster diese immer
mit dem korrekten Namen ansprechen.
HTML Quellcode:
<head>
<title>Mustermanns Blumenladen</title></head>
<frameset cols="150,*" frameborder=0 framespacing=0 border=0>
<frame src="./navigation.html" name="navilinks" scrolling=no><frameset rows="80,*" frameborder=0 framespacing=0 border=0><frame src="./banner.html" name=banner scrolling=0><frame src="./inhalt.html" name="inhalt" scrolling="yes">
</frameset></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>
Erklärung:
Dieses verschachtelte Frameset unterteilt den Bildschirm als erstes in ein linkes und ein rechtes Fenster. Dann wird das rechte Fenster zusätzlich in ein oberes und ein unteres Fenster geteilt. Neu in diesem Beispiel:
- keine Prozentangaben,
- Ersetzen des zweiten Wertes durch einen Stern.
cols="150,*":
Linkes Fenster mit fester Breite von 150 Pixel. Das rechte Fenster nimmt dynamisch den gesamten restlichen Platz in Anspruch.
rows="80,*":
Das rechte Fenster wird in zwei weitere Fenster geteilt. Das eine 80 Pixel, das andere wieder dynamisch mit dem restlichen Platz.
Navigieren innerhalb von Frames:
Um innerhalb der verschiedenen Fenster navigieren zu können, muss das a href="...." Tag um das target Attribut erweitert werden.
<a href="../start.html" target="inhalt">:
Mit diesem Link weisen Sie den Browser an, die Datei start.html in das Fenster mit dem Namen inhalt zu laden. Geben Sie bei jedem Link den entsprechenden Fensternamen an. Geben Sie den Fensternamen nicht an, wird die Datei in das gleiche Fenster geladen in der sich der Link befindet.
Sonderfall:
target="_Wunschname":
Inhalt wird in einem neuen Fensternamen angezeigt. Sie können jeden Namen angeben, solange er nicht identisch mit einem der Namen Ihrer Fenster ist. Sehen Sie dazu folgendes Beispiel.
[ 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
]
©2003 de Vries