HTML Reference

DIV

<DIV
ALIGN=LEFT| CENTER| RIGHT| JUSTIFY
CLASS=type
ID=value
LANG=iso
NOWRAP>
</DIV>

Unterteilungen werden verwendet, um eine Seite in einzelne Abschnitte aufzuspalten, wobei jeder Abschnit ein eigenes Style Sheet verwenden oder separat von anderen Elementen im Dokument verwaltet werden kann.

ALIGN=LEFT|CENTER|RIGHT|JUSTIFY
Spezifiziert die standardmässige horizontale Ausrichtung der Einträge in diesem Element. Dies wird benötigt, um die Kompatibilität zwischen den verschiedenen Browsern zu gewährleisten und wird von STYLE-Elementen überschrieben. Standardwert ist LEFT.
LEFT Text ist linksbündig ausgerichtet.
CENTER Text ist zentriert.
RIGHT Text ist rechtsbündig ausgerichtet.
JUSTIFY Text ist anhand Abstand von linken und rechten Rand ausgerichtet.
CLASS=type
Spezifiziert die zu verwendende Style-Klasse.
ID=value
Hier kann ein Ankername vergeben werden.
LANG=iso
Identifiziert die ISO Standardsprache. Der Browser kann diese verwenden, um den Stil für Anführungszeichen, Ligaturen, Trennungen und andere länderspezifische Variationen einer bestimmten Sprache festzulegen.
NOWRAP
Spezifiziert den Text bzw. Textzeilen so, daß dieser nicht automatisch vom Browser umgebrochen wird.

Anwendungsbereich von <div> sind vor allem Style-Angaben für Abschnitte:

Beispiele

<div>

Dieser Text repräsentiert einen Abschnitt. Ergänzung durch Attribute macht Sinn.
</div>

<div align=center>

Dieser Text repräsentiert einen anderen Abschnitt, und der Text ist zentriert.
</div>

<div style="background-color=#ffcccc">

Dieser Text repräsentiert einen anderen Abschnitt, und der Hintergrund ist rosa gefärbt.
</div>

<div style="color=#ff0000">

Dieser Text repräsentiert einen weiteren Abschnitt mit rotem Text.
</div>

Dieser Postkasten ist an einer absoluten Position fixiert:

<div id="fader" style="position:absolute;left: 500; top:880;padding-top:120px;overflow:hidden;clip:auto">
<table border=5 bordercolorlight=#d19275 bordercolordark=#ffccb0 bgcolor=#ffffdd>
<caption>Bild Postkasten</caption>
<tr><td bgcolor=#ffffdd>
<img src="../gif/postkasten.gif" border="0" width=40 height=46>
</td></tr></table>
</div>

Bild Postkasten


<div style="width:100%; font-size:10pt; color:000000; filter:Glow(color=#ffdddd, strength=3)"> Dieser Text hat einen "glühenden" Hintergrund</div>


Dieser Text hat einen "glühenden" Hintergrund

Beispiel dazu Stockholm


Dieser Text und der horizontal ruler erscheinen als
<div style="width:100%; font-size:64pt;color:#FFCCFF; filter:Wave(freq=5, light=20, phase=50, strength=6);">Welle <hr width=300 size=30 color=#ffcccc align=center></div>

Welle

Wirkt nur gut mit grosser Schrift und bei einzelnen Worten!

----------------------------------------------------------

Wünsche, Anregungen, Kritiken oder einfach Kommentare an Grünwald