Videos eBook Forum Kontakt

jetzt Videos kaufen
zum Lernen von HTML,
CSS und Webdesign

Jetzt das HTML-Seminar bestellen als
Video-Tutorial mit über 210 Videos:
von den Grundlagen bis zur fertigen Website
Video-Kurs HTML5, CSS & Webdesign

Video-Kurs bestellen HTML5, CSS & Webdesign
Video-Kurs bestellen HTML5, CSS & Webdesign

Aufgabenlösung Bereiche festlegen mit <div>

In unser Grundgerüst erstellen wir nun diese 4 Bereiche:

<div>Bereich Kopf</div>
<div>Bereich Steuerung</div>
<div>Bereich Inhalt</div>
<div>Bereich Fuß</div>

Wenn wir jetzt die Vorschau ansehen, sehen wir nicht viel, außer dass jeder Text seine eigene Zeile hat. Das kommt daher, dass der HTML-Befehl <div> ein Block-Element ist.

Um später diese Bereiche mit CSS ansprechen zu können um Design darüber zu legen, erhält nun jeder <div>-Bereich noch als Ergänzung das Attribut „id“ mit entsprechender Benennung.

<div id="bereichkopf">Bereich Kopf</div>
<div id="bereichsteuerung">Bereich Steuerung</div>
<div id="bereichinhalt">Bereich Inhalt</div>
<div id="bereichfuss">Bereich Fuß</div>
weitere eigene Projekte: