HTML: Bilder einfügen (img-Tag)

1,306 views

Published on

Published in: Education, Technology, Design
  • Be the first to comment

  • Be the first to like this

HTML: Bilder einfügen (img-Tag)

  1. 1. HTML-Befehle: Bilder einfügen
  2. 2. 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)"
  3. 3. 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")

×