Die FRAME und RULE-Attribute in HTML-Tabellen
Spaltengruppen mit <frame> und <rule> -Attributten
Wenn Sie das vorhergehende Beispiel Gruppieren und Ausrichten von Zeilen betrachten, ist nicht ganz klar, wo die Spaltengruppen erscheinen. Eine einfache Methode herauszufinden, wo sie liegen, ist die Verwendung des Attributs frame und rules des <table>-Elements.
Das
frame-Attribut bestimmt die Anzeige des äußeren Rahmens der Tabelle.
Sie können einen von meherern möglichen Werten angeben, um zu definieren, welche Seiten des Tabellenrahmens sichtbar sind:
void |
Der Standardwert. Keine Seiten des äußeren Rahmens sind sichtbar. |
|---|---|
above |
zeigt nur die obere Rahmenseite an |
below |
zeigt nur die untere Rahmenseite an |
hsides |
zeigt die oberen und unteren Rahmenseite an |
lhs |
zeigt die linke Rahmenseite an |
rhs |
zeigt die rechte Rahmenseite an |
vsides |
zeigt die rechte und die linke Rahmenseite an |
box |
zeigt alle vier Rahmenseiten an |
border |
zeigt alle vier Rahmenseiten an |
Das rules-Attribut ist dem frame-Attribut ähnlich, außer dass es die Trennlinien zwischen der Zelle mit einer Tabelle definiert. Folgende Werte gehören zum rules-Attribut:
none |
Der Standardwert. Es werden keine Trennlinien zwischen den Zellen erstellt. |
|---|---|
groups |
Trennlinien erscheinen zwischen Spaltengruppe, die mit <thead>, <tfoot> und <tbody> definiert werden und zwischen Spaltengruppen, die mit <col> und <colgroup> definiert werden. |
rows |
Trennlinien erscheinen nur zwischen Zeilen |
cols |
Trennlinien erscheinen nur zwischen Spalten |
all |
Trennlinien erscheinen zwischen Zeilen und Spalten |
Nun lassen Sie Ihre Spaltengruppen ruhig nach etwas mehr aussehen. Erstellen Sie einen Rahmen um die Stundenplantabelle, aber setzen Sie den Rahmen nur zum oberen und unteren Tabellenteil, indem Sie frame="hsides" im <table>-Tag anwenden.
Trennen Sie den Tabellenkopf- und fuß von den anderen Tabellenrümpfen (ein Rumpf gilt dem Naturwissensschaftlichen Fach, der andere der Mathematik). Trennen Sie auch die Fach-Spaltengruppen von den Raum/Zeit-Spaltengruppen. Verwenden Sie dazu rules="groups" im <table>-Element.
Sie müssen nur eine Zeile in Ihrem Code verändern, um diese Aufgabe bewerkstelligen zu können.
Die überarbeitete Tabellendefinition sehen Sie wie folgt in der Abbildung. Diese Abbildung zeigt das Ergebnis im Safari.
<table border="1" width="100%" frame="hsides" rules="groups">
