HTML-Befehle:
Bilder einfügen
img-Tag
Zum Einfügen von Bildern verwendet man den img-
Tag mit folgender Syntax:
<p>
<img src="bild.gif" alt="Beschreibung" />
</p>
"Source" = Quelle des Bildes als Pfad-
Angabe, z.B.
bild.gif
bilder/bild.gif
http://www.xy.de/bilder/bild.gif
Alternativtext = Beschreibung des Bildes,
wichtig v.a. für
-Suchmaschinen
-Ausgabe mit Screenreader
"Fotografie eines Tigers beim Fressen."
"Zusammenhang zwischen Geschwindigkeit
und Zeit (Schema-Zeichnung)"
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")

HTML: Bilder einfügen (img-Tag)

  • 1.
  • 2.
    img-Tag Zum Einfügen vonBildern verwendet man den img- Tag mit folgender Syntax: <p> <img src="bild.gif" alt="Beschreibung" /> </p> "Source" = Quelle des Bildes als Pfad- Angabe, z.B. bild.gif bilder/bild.gif http://www.xy.de/bilder/bild.gif Alternativtext = Beschreibung des Bildes, wichtig v.a. für -Suchmaschinen -Ausgabe mit Screenreader "Fotografie eines Tigers beim Fressen." "Zusammenhang zwischen Geschwindigkeit und Zeit (Schema-Zeichnung)"
  • 3.
    img-Tag als "leeresElement" 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")