BILDER
- <IMG>
- Der IMG Tag ist sicherlich der am meißten aufgefächerte Tag in HTML.
- <IMG ALIGN=left|right|top|texttop|middle|absmiddle|baseline|bottom|absbottom>
- Die Erweiterungen des ALIGN Tags brauchen eine Menge an Erklärung.
Als Erstes gibt die Möglichkeiten "left" und "right". Ein ALIGN=left Bild
wird sich am linken Rand ausrichten und der spätere Text wird den Platz
rechts neben dem Bild ausfüllen. Fast genau so ist es bei ALIGN=right
. Das Bild steht am rechten Rand und der Text füllt die linke Seite
neben dem Bild aus.
ALIGN=top bewirkt das, was auch ohne den ALIGN Tag passieren würde. Die
aktuelle Zeile wird an der Oberkante des Bildes ausgerichtet.
ALIGN=texttop macht das, was viele Menschen denken, daß es bei ALIGN=top
passiert. Es wird die folgende Zeile nach der Oberkante des Bildes
ausgerichtet (das ist meißt so, aber es ist nicht immer das gleiche wie
ALIGN=top).
ALIGN=middle richtet die nachfolgenden Zeilen am Mittelpunkt des Bildes aus.
ALIGN=absmiddle ist fast das gleiche wie ALIGN=middle. Da hilft nur
ausprobieren!
ALIGN=baseline richtet die Zeile am unteren Rand des Bildes aus.
ALIGN=bottom ist so geblieben wie früher bei HTML+ und ist (fast) identisch
mit ALIGN=baseline, aber ALIGN=baseline ist neuer und besser.
ALIGN=absbottom ist ähnlich wie ALIGN=bottom.
- <IMG WIDTH=pixel HEIGH=pixel>
- Die WIDTH und HEIGH Tags wurden hinzugefügt, um Bilder verkleinern oder
vergrössern zu können, ohne daß das Bild in irgendeinem anderen Programm
verkleinert werden muß. Das Laden der Seite geht nicht gerade schneller,
aber wenn das "kleine" Bild erst einmal geladen ist, und es dann einen Link
auf das Bild in Originalgrösse enthält, muß der Leser nicht so lange warten,
da das Bild schon im Cache des Browsers ist.
- <IMG BORDER=wert>
- Mit Hilfe des BORDER Tags kann de Autor die Dicke des Rahmens um ein Bild
festlegen.
WARNUNG:
Wenn BORDER=0 bei einem Bild, das als Link gilt, gesetzt ist, ist es
nicht ohne weiteres als Link erkennbar, da die farbige Markierung
fehlt, die das Bild als Link kennzeichnet.
- <IMG VSPACE=wert HSPACE=wert>
- Bei Text, der um ein Bild herumfließt, ist es möglich, den Abstand von Bild
zu Text mit dem VSPACE oder HSPACE Tag einzustellen. VSPACE legt den vertikalen Abstand über und unter dem
Bild fest, HSPACE den horizontalen Abstand.
- <BR CLEAR=left|right>
- Mit der Einführung von von Text umflossenen Bildern mußte der BR Tag erweitert
werden. Der normale BR Tag fügt nur einen Zeilenwechsel ein. Mit dem neuen
CLEAR Tag wird mit CLEAR=left
solange ein Zeilenumbruch gemacht, bis der linke Rand völlig frei ist, und
der nachfolgende Text wieder ganz links am Rand anfangen kann.
CLEAR=right bewirkt das gleiche, bloß für die rechte Seite. Mit CLEAR=all
wird solange die Zeile umgebrochen, bis beide Ränder völlig frei von
Bildern sind.
INHALT