Einführung HTML Bilder, img-Tag
Zum Einfügen von Bildern verwendet man den img-Tag mit folgender Syntax:
<p>
<img src="bild.jpg" alt="Beschreibung" />
(ohne Endetag!)</p>
„src„ (source) = Quelle des Bildes, z.B.
bild1.jpg
bilder/bild2.gif
http://www.xy.de/bilder/bild3.bmp
„alt“ (Alternativtext) = Beschreibung des Bildes, wichtig v.a. für
-Suchmaschinen
-Falls das Bild nicht vorhanden ist (in anderem Verzeichnis abgelegt)
"Fotografie eines Tigers beim Fressen."
"Zusammenhang zwischen Geschwindigkeit und Zeit (Schema-Zeichnung)"
Einführung HTML img-Tag als "leeres Element"
Der img-Tag gehört zu den "leeren Elementen": Er schließt keine weiteren Inhalte ein und hat damit keinen End-Tag.
Leere Elemente werden gesondert gekennzeichnet – durch ein abschließendes Leerzeichen + Schrägstrich vor der
schließenden Spitzklammer.
<img src="bild.gif" alt="Beschreibung" />
Leerzeichen
Schrägstrich ("Slash")
Einführung HTML
20.01.2015 Sd 18