2.3 Bilder einfügen

Nocheinmal zur Erinnerung: HTML-Dateien bestehen nur aus reinem Text. In der HTML-Datei befindet sich nur ein Verweis auf das Bild, das ein separate Datei ist. Erst der Browser setzt das Bild an der richtigen Stelle ein.

Daraus folgt die Grundregel: Die Bilder werden separat in einem Bildbearbeitungsprogramm erstellt oder vorbereitet und können mithilfe von HTML nicht verändert werden. Auch eine Größenänderung findet nicht statt. (Lesen Sie bei Fragen zu diesem Punkt bitte in der FAQ nach.)

Alles weitere ist einfach. Sie benötigen nun noch den Befehl, um das Bild einzufügen.

<img src="http://klick.link-m.de/gfx/sunpot.gif">
ergibt

Dieser Befehl steht abgekürzt für Image Source (Quelle des Bildes) und ist kein Pärchen, sondern alleinstehend - er wird also nicht geschlossen.

Prinzipiell können Sie nun auch einen Link um ein Bild herum legen. Indem Sie die gelernten Befehle kombinieren:

<a href="http://klick.link-m.de"><img src="http://klick.link-m.de/gfx/sunpot.gif"></a>
ergibt

Zu diesem Befehl gibt es einige Detailangaben, sogenannte Attribute. Ein HTML-Attribut ist ein Befehlszusatz, der mit in die spitzen Klammern geschrieben wird. Ein Befehl kann mehrere Attribute besitzen, deren Reihenfolge egal ist. Wichtig ist aber, dass zur Abgrenzung vos Attributs vor dessen Beginn ein LEERZEICHEN gesetzt wird.

Ein solches Attribut z.B. kann den Rahmen, den der Link um das Bild erzeugt, unsichtbar machen:

<a href="http://klick.link-m.de"><img src="http://klick.link-m.de/gfx/sunpot.gif" border="0"></a>

Lesen Sie weiter mit "2.4 Farben"