STARTSEITE SCHULNETZWERK HOGA-Web ÖNORM GLOSSAR DOWNLOADBlock-Elemente erzeugen eine neue Zeile im Textfluß und können zum vorherigen und zum nachfolgenden Element einen größeren Abstand aufweisen. Sie sind im Textfluß somit immer untereinander angeordnet.
Block-Elemente können Text, Inline- und je nach Element auch weitere Block-Elemente enthalten.
Die folgenden Elemente gehören zu den Block-Elementen:
address, blockquote, div, dl, fieldset, form, h1-h6, hr, noframes, noscript, ol, p, pre, table, ul center, dir, isindex, menu,
Sehen wir uns als wichtiges Element das div genauer an:
div ist die Abkürzung für Division. Mit dem div können Sie also den Inhalt Ihrer Datei in Abschnitte unterteilen. Jeder Abschnitt kann über das div-Element sein eigenes Aussehen über CSS bekommen.
Beispiel:
.gross {
color:#00ff00;
font-family:arial;
font-size:25px;
}
In (X)HTML können Sie das div mit dem Class-Selektor ansprechen. Dies würde dann so aussehen:
<div class="gross">
Dies ist ein Beispiel zu DIV.
</div>
Dies ist ein Beispiel zu DIV
div ist ein Block-Level-Element und bedeutet für Sie, jedes div ist ein Absatz und macht eine neue Zeile.