3-spaltiges Layout mit Kopf- und Fußzeile

Dieses Beispiel ist um eine Kopf- und Fußzeile erweitert.

Die Kopfzeile ist als Seitenüberschrift mit <h1> ausgezeichnet und kann genauso gut wie ein <div> über CSS formatiert - hier mit einem Rahmen und einer Hintergrundfarbe versehen - werden. Auch eine Grafik könnte in <h1> als Hintergrundbild definiert oder über <img> eingebunden werden.

Betrachten Sie dieses Beispiel nicht als fertige Layout-Vorlage. Nutzen Sie das HTML-Grundgerüst für die Inhalte Ihrer Seite und passen Sie das CSS nach Belieben Ihren Vorstellungen an: experimentieren Sie mit den Größenangaben, Farben und Rändern und fügen Sie z.B. individuelle grafische Elemente ein.

3-spaltiges Layout mit Kopf- und Fußzeile

Dieses Beispiel ist um eine Kopf- und Fußzeile erweitert.

Die Kopfzeile ist als Seitenüberschrift mit <h1> ausgezeichnet und kann genauso gut wie ein <div> über CSS formatiert - hier mit einem Rahmen und einer Hintergrundfarbe versehen - werden. Auch eine Grafik könnte in <h1> als Hintergrundbild definiert oder über <img> eingebunden werden.

Betrachten Sie dieses Beispiel nicht als fertige Layout-Vorlage. Nutzen Sie das HTML-Grundgerüst für die Inhalte Ihrer Seite und passen Sie das CSS nach Belieben Ihren Vorstellungen an: experimentieren Sie mit den Größenangaben, Farben und Rändern und fügen Sie z.B. individuelle grafische Elemente ein.

3-spaltiges Layout mit Kopf- und Fußzeile

Dieses Beispiel ist um eine Kopf- und Fußzeile erweitert.

Die Kopfzeile ist als Seitenüberschrift mit <h1> ausgezeichnet und kann genauso gut wie ein <div> über CSS formatiert - hier mit einem Rahmen und einer Hintergrundfarbe versehen - werden. Auch eine Grafik könnte in <h1> als Hintergrundbild definiert oder über <img> eingebunden werden.

Betrachten Sie dieses Beispiel nicht als fertige Layout-Vorlage. Nutzen Sie das HTML-Grundgerüst für die Inhalte Ihrer Seite und passen Sie das CSS nach Belieben Ihren Vorstellungen an: experimentieren Sie mit den Größenangaben, Farben und Rändern und fügen Sie z.B. individuelle grafische Elemente ein.

3-spaltiges Layout mit Kopf- und Fußzeile

Dieses Beispiel ist um eine Kopf- und Fußzeile erweitert.

Die Kopfzeile ist als Seitenüberschrift mit <h1> ausgezeichnet und kann genauso gut wie ein <div> über CSS formatiert - hier mit einem Rahmen und einer Hintergrundfarbe versehen - werden. Auch eine Grafik könnte in <h1> als Hintergrundbild definiert oder über <img> eingebunden werden.

Betrachten Sie dieses Beispiel nicht als fertige Layout-Vorlage. Nutzen Sie das HTML-Grundgerüst für die Inhalte Ihrer Seite und passen Sie das CSS nach Belieben Ihren Vorstellungen an: experimentieren Sie mit den Größenangaben, Farben und Rändern und fügen Sie z.B. individuelle grafische Elemente ein.

Technical contact:
Aline Bartenstein
Wulf Reiners
changed: 29. August 2013
created: 23. August 2012