Startseite ⇒ Texte strukturieren ⇒ HTML Bereich
586 Aufrufe

Einen Bereich in HTML definieren

Das Element div

div = division = Bereich / Abschnitt


Beschreibung:

Mit dem Block-Element div können Sie einzelne Bereiche des Dokumentes in logische Gruppen oder Abschnitte unterteilen. Dabei umschließt das HTML Element div die Gruppe der Elemente. Anders als die anderen Block-Elemente erzeugt das Element div nur einen Zeilenumbruch, jedoch keinen Abstand. Neben der Strukturierung des Dokumentes, bietet sich so auch noch die Möglichkeit mit Hilfe von StyleSheets, für ganze Gruppen von Elementen Formatierungsvorschriften zu definieren.


Syntax:

Mit dem Start-Tag <div> definieren Sie den Anfang eines logischen Bereiches und mit dem End-Tag </div> definieren Sie das Ende des Bereiches, er fungiert als eine Art Container. Innerhalb dieses Bereichs befinden sich die Elemente die zu der gleichen Gruppe gehören sollen. Das HTML Element div kann alle Block- und Inline-Elemente enthalten. Auch das Verschachteln von div - Elementen ist möglich und durchaus sinnvoll.


Quelltext:

<div>
<h4>Beispiel für das Element DIV</h4>
<p>In diesem Bereich gibts eine Überschrift und drei Absätze.</p>
<p>Die Überschrift und die drei Absätze werden alle innerhalb des DIV-Containers 
gruppiert.</p>
<p>Sie gehören somit alle dem gleichen Bereich an.</p>
</div>

Ausgabe:

Beispiel für das Element DIV

In diesem Bereich gibts eine Überschrift und drei Absätze.

Die Überschrift und die drei Absätze werden alle innerhalb des DIV-Containers gruppiert.

Sie gehören somit alle dem gleichen Bereich an.




DEPRECATED

Einen Bereich ausrichten

Das Attribut align

algin = ausrichten


Beschreibung:

Mit dem Attribut align="Wert" innerhalb des Start-Tags <div> können Sie definieren, wie der gesamte Bereich, also alle in ihm enthaltenen Elemente, ausgerichtet werden sollen.


Hinweis:

Das Attribut align="Wert" im einleitenden Element <div> ist als DEPRECATED (mißbilligt) eingestuft und soll künftig entfallen. Das HTML Element div wird weiterhin zum HTML-Standard gehören. Formatierungsvorschriften sollten Sie aber mit Stylesheets definieren.


Wert Beschreibung
"right" der Inhalt des Bereiches wird nach rechts asgerichtet
"left" der Inhalt des Bereiches wird nach links asgerichtet
"center" der Inhalt des Bereiches wird zentriert dargestellt
"justify" der Inhalt des Bereiches wird im Blocksatz angezeigt

Quelltext:

<div align="center">
<h4>Beispiel für das Element DIV</h4>
<p>In diesem Bereich gibts eine Überschrift und drei Absätze</p>
<p>Die Überschrift und die drei Absätze werden zentriert ausgegeben</p>
<p>Sie brauchen nicht mehr jedes einzelne Element zu zentrieren</p>
</div>

Ausgabe:

Beispiel für das Element DIV

In diesem Bereich gibts eine Überschrift und drei Absätze

Die Überschrift und die drei Absätze werden zentriert ausgegeben

Sie brauchen nicht mehr jedes einzelne Element zu zentrieren




Weiterführende Informationen:


Weblinks: