Das <div> - Element gehört zu den Blockelementen. Durch bestimmte Attribute, ist es möglich einem <div> - Element bestimmten Eigenschaften via CSS (Stylesheets) mitzugeben. Diese Stylesheets sind dann für alle im <div> - Element vorhandenen Elemente und Inhalte gültig. Das <div> - Element gehört zu den Blockelementen. In der Regel erzeugt das öffnende und schließende Element, Zeilenumbrüche. <div> - Elements lassen sich ineinander verschachteln. Es ist möglich jede Position auf einer Seite, mit der Hilfe von diesem Element, zu erreichen. Durch die enorme Flexibilität welche mit einem <div> - Element erreicht werden kann, werden beispielsweise Homepage Layouts heute nicht mehr mit dem Element für Tabellen (<table>) gestaltet, sondern mit dem <div> - Element. Außerdem sind fortschrittliche Layer, etc. ebenfalls mit dem <div> - Element aufgebaut und gestaltet.
Syntax:
Beispiel:
Attribut | Wert | Beschreibung |
---|---|---|
dir="[1]"
|
[1]:
ltr | rtl
|
Spezifiziert die Richtung des Textes. Mögliche Werte sind: LTR: Left-to-right text - RTL: Right-to-left text. |
align="[1]"
|
[1]:
top | middle | bottom | left | center | right
|
Bestimmt die Ausrichtung des Elements. (Standard ist in allen Browsern: left) |
class="[1]"
|
[1]:
Kategoriename
|
Ordnet einem Element einen Kategorienamen zu. Jedes Element im entsprechenden Dokument kann den gleichen Kategorienamen besitzen. Mehrfache Kategorienamen müssen durch Leerzeichen getrennt werden. |
id="[1]"
|
[1]:
ID
|
Ordnet einem Element einen Namen zu. Dieser Name muss im entsprechenden Dokument einzigartig sein. |
lang="[1]"
|
[1]:
Wert
|
Gibt die Sprache der Attributwerte eines Elements und des Textinhalts an. Der Standard-Wert des Attributes ist vom Browser abhängig. |
onclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Anklicken des jeweiligen Elements aus. |
ondblclick="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Doppelklicken auf das jeweilige Element aus. |
onkeydown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim drücken einer festgelegten Taste aus. |
onkeypress="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn eine festgelegte Tast gedrückt und gehalten wird. |
onkeyup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion, beim Loslassen einer festgelegten Taste, aus. |
onmousedown="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender das Element anklickt und gedrückt hält. |
onmousemove="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus bewegt wird. |
onmouseout="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn die Maus das Element verlässt. Achtung: Kein Klick notwendig! |
onmouseover="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion beim Überfahren des Elements mit der Maus aus. |
onmouseup="[1]"
|
[1]:
Scriptcode
|
Führt eine bestimmte Aktion aus, wenn der Anwender ein Element anklickt und „loslässt“. |
style="[1]"
|
[1]:
Stylewerte
|
Spezifiziert die Style Informationen für das entsprechende Element. |
title="[1]"
|
[1]:
Titeldefinition
|
Mit diesem Attribut ist es möglich, in das Element zusätzliche Informationen einzugeben. |
Tipps & Tricks * Trends * Hilfen * Unterlagen * KnowHow * Vorlagen * Downloads * Neues