Bilder werden aus separaten Bild-Dateien dazugeladen und mit dem Text positioniert.
Zulässig sind die Formate .gif, .jpg, .png
| Schreibweise | Beispiel | Bedeutung / Erklärung |
|---|---|---|
| <img src="Bilder/Dateiname.gif" /> | text  text |
Die <img>-Anweisung bindet ein Bild in den Text ein,
und zwar genau an der Stelle, an der sie steht. |
| Die <img>-Anweisung kann folgende Parameter haben: | ||
| src="Zieladresse" | siehe oben |
Die Bild-Datei muß im selben Verzeichnis wie die HTML-Datei liegen - oder die Zieladresse ( URL ) muß einen entprechenden Pfad bzw. einen Verweis auf ein Unterverzeichnis enthalten. |
| alt="Benennung" | |
Erzatzbezeichnung - für den Fall, daß das Bild nicht dargestellt werden kann. |
| name="Bildname" | --- | Name des Bildes - tritt nicht in Erscheinung, wird aber u.U. von Suchmaschinen ausgewertet. |
| border="4" | |
Breite des Randes in Pixel, im Beispiel 4 Pixel. |
| align="....." | text text |
Gibt die Lage des Bildes zum Text an:
align= bottom | middle | top |
| width="100%"
hight="40" |
|
Bestimmt die Darstellungsgröße des Bildes, im Beispiel ist die Breite mit 100% definiert
und die Höhe auf 40 Pixel festgelegt.
Ist die Größe in % angegeben, so bezieht sich das auf den zur Verfügung stehenden Platz (Rahmen/Tabellenfeld), wodurch das Bild bei Veränderung des Rahmens/Tabellenfelds mit angepaßt wird. Allerdings sollte die Darstellungsgröße (in etwa) der Dateigröße entsprechen, denn ein zu sehr vergrößertes Bild wirkt grob, ein stark verkleinertes Bild kostet unnötig Speicherplatz und Ladezeit. |
Hinweis: Es gibt sog. "verweis-sensitive Grafiken" z.B. Landkarten, deren unterschiedlichen Bereichen verschiedene Aktionen zugewiesen werden können.