Ein weiteres IMG Attribut, dass eine Beachtung wert ist, wäre ALT...
<IMG SRC="chef.gif" WIDTH=130 HEIGHT=101 ALT="Chef">
ALT ist eine Art Ersatz für das Bild, wenn der Betrachter einen Browser verwendet, der (warum auch immer) keine Bilder anzeigt. Manche verwenden nur einen Textbrowser, manche haben die Bildanzeige wegen der Geschwindigkeit ausgeschaltet oder sie benutzen einen Bildschirmleser (ein Browser, der die Seite laut vorliest). In solchen Fällen kann das ALT sehr wichtig für den Betrachter sein.
Etwas wirklich tolles solltest Du über Bilder und ihre Grösse wissen.
Versuch das...
<BODY> <IMG SRC="chef.gif"> </BODY>
| |
Wie Du siehst, findet der Browser selber heraus, wie gross das Bild ist. Warum also um die Grösse kümmern? Mit den Grössenangaben reserviert der Browser einfach den Platz für das Bild und lädt den Rest der Seite. Wenn die gesamte Seite geladen wurde, fügt er das Bild ein. Ohne Grössenangaben hält der Browser beim Bild an, lädt es und macht dann mit dem Rest der Seite weiter. In einem Wort, der Browser arbeitet besser mit Grössenangaben.
Nun, Joe, das ist ja alles schön und gut <gähn>, wo ist der Trick??
Probier das mal...
<BODY> <IMG SRC="chef.gif" WIDTH=300 HEIGHT=101> </BODY>
| |
<BODY> <IMG SRC="chef.gif" WIDTH=40 HEIGHT=200> </BODY>
| |
Du kannst jede beliebige Grösse festlegen und die
Originalgrösse überschreiben. Sollen wir dabei bleiben? Nun, schau Dir diesen kleinen
roten Punkt an -> 
Er
ist ein Quadrat 1x1. Schau, was wir damit machen können...
<BODY> <P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=500 HEIGHT=1> <P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=500 HEIGHT=2> <P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=500 HEIGHT=8> <P ALIGN="center"><IMG SRC="red_dot.gif" WIDTH=2 HEIGHT=200> </BODY>
|
Ganz schön clever, was?