Divs - How to Internet

howtointer.net
BEGINNER ADVANCED EXPERT DEVELOPER

Divs

Mit divs fängt HTML eigentlich erst an wirklich Spaß zu machen. Aber wirklich Sinn machen sie erst, wenn wir mit Klassen und CSS anfangen. Trotzdem ist es sehr wichtig, ein Grundverständnis für divs zu entwickeln.

Was sind Divs?

Divs sind definierte Bereiche (div = division) im HTML Code mit denen wir einen bestimmten Bereich unseres Codes einklammern können. Ein Tag alleine hat erstmal gar keine Auswirkung auf unseren Code wird aber später wichtig, wenn wir mit CSS Klassen bearbeiten.

<div> </div>

Align

Das erste Attribut, welches wir einen div zuweisen können, ist „align“. Damit können wir Text nach links, rechts oder in die mitte rücken. Später werden wir es zwar durch das Box-Sizing Modell ablösen, aber für schnelle Änderungen ist es immer ganz nützlich.

<div align="center">

Beispiel:

Wir haben hier einen Code, welcher aus Text, einer Liste und einem Bild sowie einer Bildunterschrift besteht. Wir möchten jetzt den Text in einen Bereich unterteilen und das Bild in einen anderen Bereich. Den Text schieben wir jetzt mithilfe von nach links.

See the Pen KNqQWE by Marcel Deuter (@howtointernet) on CodePen.

Wie du sehen kannst, kannst du problemlos andere divs innerhalb anderer divs einfügen.