Cascading Stylesheets Stil mit <Stil>

CSS2-Referenz | HTML-4.01-Referenz | Farben, Zeichen und Maße | Workshop | Externe Links | Impressum | Hinweise

# colgroup ♦ <colgroup> ... </colgroup> ♦ IE4+ M1 N6 O5+ ♦ HTML 4.0

Das <colgroup>-Tag baut eine spaltenorientierte Tabelle spaltenbasiert auf – im Gegensatz zur Standard-HTML-Tabelle, die zeilenorientiert ist.

Wenn Sie das Attribut span nicht benutzen, können Sie den einzelnen Spalten Werte durch <col>-Tags zuweisen.

Das <colgroup>-Tag kann ausschließlich innerhalb des table-Elements benutzt werden. Das schließende Tag ist optional. Es ist allerdings zu empfehlen, es stets zu setzen.

Kernattribute | class dir id lang onclick ondblclick onkeydown onkeypress onkeyup onmousedown onmousemove onmouseout onmouseover onmouseup style title
align unerwünscht 4.0 | Das Attribut align steuert die horizontale Ausrichtung des Zelleninhalts. Die möglichen Werte sind center, char, justify, left und right.
char | Das Attribut char weist ein Zeichen für die Ausrichtung des Inhalts einer Zelle aus. An diesem Zeichen werden Dezimalstellen in einer Spalte vertikal ausgerichtet. Der Vorgabewert ist länderspezifisch. In den USA wird das erste Vorkommen eines Kommas oder eines Dezimalpunktes benutzt.
charoff | Das Attribut charoff ist eine ganze Zahl, die den Abstand des Zeichens für die Ausrichtung vom Zellenrand angibt. Per Vorgabe wird der Abstand vom linken Zellenrand berechnet.
span | Das Attribut span bestimmt die Anzahl der Spalten, die zu einer Spaltengruppe gehören. Wenn die Spalten sehr unterschiedlich ausfallen, wird anstelle des span-Attributs im <colgroup>-Tag besser das <col>-Tag benutzt, um die Spalten zu definieren.
valign | Das Attribut valign steuert die vertikale Ausrichtung des Zelleninhalts. Die möglichen Werte sind baseline, bottom, middle und top.
width unerwünscht 4.0 | Das Attribut width bestimmt die Breite jeder der aufgespannten Spalten. Es kann als Prozentsatz der gesamten Breite oder als ganze Anzahl von Pixeln angegeben werden.

#### Beispiel

    <table width="90%" border="10" cellspacing="5">
    <caption>
    	<p><b>Tabelle mit Spaltengruppen</b> </p>
    	<p>Diese Tabelle ist mit <b>&lt;colgroup&gt;</b>
    		und <b>&lt;col&gt;</b>-Tags aufgebaut</p>
    </caption>
    <colgroup>
          <col width="20%">
          <col width="30%">
          <col width="15%">
    </colgroup>
     <colgroup>
          <col width="15%">
          <col width="20%">
    </colgroup>
    	<tr>
    		<th>Erste Spalte Kopfzelle</th>
    		<th>Zweite Spalte Kopfzelle</th>
    		<th>Dritte Spalte Kopfzelle</th>
    		<th>Vierte Spalte Kopfzelle</th>
    		<th>F&uuml;nfte Spalte Kopfzelle</th>
    	</tr>
    	<tr>
    		<td >Erste Spalte erste Zeile</td>
    		<td >Zweite Spalte erste Zeile</td>
    		<td >Dritte Spalte erste Zeile</td>
    		<td >Vierte Spalte erste Zeile</td>
    		<td >F&uuml;nfte Spalte erste Zeile</td>
    	</tr>
    	<tr>
    		<td >Erste Spalte zweite Zeile</td>
    		<td >Zweite Spalte zweite Zeile</td>
    		<td >Dritte Spalte zweite Zeile</td>
    		<td >Vierte Spalte zweite Zeile</td>
    		<td >F&uuml;nfte Spalte zweite Zeile</td>
    	</tr>
    </table>

#### Darstellung

Tabelle mit Spaltengruppen

Diese Tabelle ist mit <colgroup>- und <col>-Tags aufgebaut

Erste Spalte Kopfzelle | Zweite Spalte Kopfzelle | Dritte Spalte Kopfzelle | Vierte Spalte Kopfzelle | Fünfte Spalte Kopfzelle
--- | --- | --- | --- | ---
Erste Spalte erste Zeile | Zweite Spalte erste Zeile | Dritte Spalte erste Zeile | Vierte Spalte erste Zeile | Fünfte Spalte erste Zeile
Erste Spalte zweite Zeile | Zweite Spalte zweite Zeile | Dritte Spalte zweite Zeile | Vierte Spalte zweite Zeile | Fünfte Spalte zweite Zeile

↑

HTML-4.01-Kernattribute Die interessantesten Attribute der Neuzeit

Index Tabellarischer Überblick über alle Tags

!DOCTYPE Document Type Definition (DTD)

a anchor (Anker); ein Link

abbr Abkürzung

acronym Gleichwertige Bezeichnung

address Hervorhebung von Adressen

applet Java-Applet

area Clientseitige Image Map

b Fetter Schriftstil

base Basis-URI des Dokuments

basefont Basis-Schriftgröße

bdo Laufrichtung der Schrift

big Großer Schriftstil

blockquote Langes Zitat

body Body des Dokuments

br Erzwungener Zeilenumbruch

button button; Schaltfläche

caption Tabellenüberschrift

center Zentrierte Darstellung von Inhalten

cite Zitat

code Darstellung von Computercode

col Tabellenspalten

colgroup Tabellenspaltengruppe

dd Beschreibungsteil einer Definition

del Gelöschter Text

dfn Definition in einer Definitionsliste

dir Auflistung eines Verzeichnisses

div Generischer Behälter für Inhalte

dl Definitionsliste

dt Definitionselement

em Betonung

fieldset Formulargruppe

font Lokale Änderung der Schrift

form Interaktives Formular

frame Fenster innerhalb des Browserfensters

frameset Unterteilung des Browserfensters

h1, h2, h3, h4, h5, h6 Überschriften

head Header des Dokuments

hr Horizontale Linie

html Wurzelelement des Dokuments

i Kursiver Schriftstil

iframe Inlinefenster

img Eingebettetes Bild

input Steuerfeld eines Formulars

ins Eingefügter Text

isindex Ausgabefeld in einer Zeile

kbd Text, der vom Benutzer einzugeben ist

label Überschrift zu einem Formularfeld

legend Beschreibung einer Formularfeldgruppe

li Listenelement

link Medienunabhängiger Link

map Clientseitige Image Map

menu Menüliste

meta Generische Metainformation

noframes Alternativer Inhalt für Browser ohne Unterstützung von Frames

noscript Alternativer Inhalt für Browser ohne Skriptunterstützung

object Generisches eingebettetes Element

ol Nummerierte Aufzählung

optgroup Optionsgruppe

option Wählbares Element

P paragraph; Absatz

param Parameterwert

pre Vorformatierter Text

q Kurzes Inlinezitat

s Durchgestrichener Schriftstil

sample Programmcode-Beispiel

script Skriptanweisungen

select Optionsselektor

small Kleiner Schriftstil

span Generischer Behälter für Inhalte

strike Durchgestrichener Stil

strong Starke Betonung

style Stilinformationen

sub Tiefgesetzt

sup Hochgesetzt

tableTabelle

tbody Tabellenkörper

td Tabellenzelle

textarea Textfeld mit mehreren Zeilen

tfoot Tabellenfuß

th Tabellenkopfzelle

thead Tabellenkopf

titleTitel des Dokuments

tr Tabellenzeile

tt Nichtproportionaler Schriftstil

u Unterstrichener Schriftstil

ul Ungeordnete Liste

var Instanz einer Variablen

Cascading Styleheets – Stil mit <Stil> • Das Begleitmaterial zum Buch
© media engineering Ulrike Häßler 2002 • Frechen