Bilder

Arbeitsauftrag

Füge ein Bild in dein Dokument ein. Achte dabei auf das Urheberrecht.

Syntax

Bilder werden mit dem img-Tag eingebunden:

<img src=“pfad zum element“ alt=“Alternative Beschreibung“ height=“40“ width=“20“/>
  • Das img-Attribut hat keinen Inhalt. Daher schreibt man üblicherweise am Ende des Tags /> was bedeutet, dass das Tag direkt nach dem öffnen wieder geschlossen wird.

  • Das src-Attribut funktioniert genauso wie das href-Attribut bei Links. Man kann genauso Dateien relativ zum aktuellen Pfad oder absolut verlinken.

  • Man sollte immer ein alt-attribut angeben. Dies dient der Barrierefreiheit: So wird Blinden die das Bild nicht sehen können die alternative Beschreibung angezeigt.

  • width und height kann man angeben. Besser ist es jedoch, diese mit css festzulegen. width und height können auch prozentual (zum Vater-Element) angegeben werden.

Bilder und Urheberrecht

Beachte bei Bildern immer das Urheberrecht:

  • Eigene Bilder kannst du beliebig verwenden.
  • Wenn du bei einem Bild keine Lizenzinformationen verwendest, so darfst du das Bild nur auf Nachfrage verwenden.
  • Ansonsten gelten die Regeln der entsprechenden Lizenzen (z.B. Creative Commons. ). Hier findest du Bilder:

Mehr Infos über Bilder

Bilder in repl.it

In repl.it kannst du Bilder mit Drag & Drop hinzufügen. Ziehe dazu eine Datei von deinem Desktop in den linken Bereich deines repls, bis sich der Mauszeiger verändert.

Anschließend kannst du auf das Bild so wie oben beschrieben verlinken.