Ihre HTML-Dokumente können Sie auch mit Bildern, Grafiken oder Icons ausstatten. Verwenden Sie dazu Dateien im JPEG- oder im GIF-Format. Die Auflösung der Bilder sollte 72 dpi betragen, die (Bild-)Dateigröße sollte 10 - 20 Kilobyte nicht überschreiten, da sonst die Ladezeiten unzumutbar lange dauern.
Um ein Bild in ein Dokument einzubinden, bedarf es eines Verweises ähnlich wie bei den weiter oben besprochenen Links. Die Syntax bei Grafikreferenzen lautet (IMG SRC steht für ,,Image Source``): <IMG SRC=&#;`Verweispfad/Bildname.typ&#;`>>
Abbildung 8.4 bietet ein Beispiel für ein Bild mit anschließendem Beispieltext.
Hier sehen Sie den HTML-Sourcecode (auch Quelltext genannt) zum vorhergehenden Bespiel:
<HTML>
<HEAD>
<TITLE>Demo</TITLE>
</HEAD>
<BODY>
<P><IMG SRC="IMAGES/gl_ws96.JPG">Hier geht der Text weiter
Hier geht der Text weiter Hier geht der Text weiter
Hier geht der Text weiter Hier geht der Text weiter
</BODY>
</HTML>
Die Pfadangabe bei den Bildern funktioniert nach dem gleichen Prinzip wie bei den Links: Das Beispielbild liegt im Unterverzeichnis images (Groß- und Kleinschreibung muß übrigens nicht beachtet werden) und hat den Dateinamen gl_ws96.htm.
Bilder können natürlich beliebig ausgerichtet werden, ebenso der sie umgebende Text. Nähere Information dazu gibt es im Kapitel 9.