Artikel: Bilder

Der HTML-Tag "img" steht für "Bild" (englisch: "image"). Mit diesem Tag kann man ein Bild auf einer Webseite anzeigen.

Stell dir vor, du hast ein Buch und möchtest ein Bild darin zeigen. Der "img"-Tag ist wie ein Rahmen, in den du das Bild einfügst. Wenn du das Bild in deinem Buch zeigen möchtest, musst du den "img"-Tag verwenden.

Der "img"-Tag hat zwei wichtige Eigenschaften: "src" und "alt". "src" steht für "Quelle" und hier gibst du den Ort oder die Internetadresse an, an dem das Bild gespeichert ist. Das kann entweder eine Datei auf deinem Computer oder ein Bild im Internet sein. Wenn du das Bild auf deinem Computer hast, musst du den Pfad zur Datei angeben. Wenn das Bild im Internet ist, gibst du die Webadresse an, wo das Bild zu finden ist.

Die Eigenschaft "alt" steht für "Alternativtext". Wenn das Bild nicht angezeigt werden kann, wird anstelle des Bildes dieser Alternativtext angezeigt. Das ist nützlich, wenn jemand die Webseite besucht, aber das Bild nicht sehen kann. Der Alternativtext erklärt dann, was auf dem Bild zu sehen wäre.

Hier ist ein Beispiel für einen "img"-Tag:

<img src="bild.jpg" alt="Ein lustiger Hund" />

In diesem Beispiel ist "bild.jpg" der Pfad zur Bilddatei auf deinem Computer.

Pfad bedeutet hier die komplette Adresse wo das Bild zu finden ist:

1. "bild.jpg" - Das Bild ist im gleichen Ordner, wie die html-Datei.
2. "c:\\mein bilder\\bild.jpg" - Das Bild liegt auf der Festplatte C im Order "meine Bilder" oder
3. "http://www.einewebseite.de/bild.jpg" - Das Bild liegt im Internet.

Wenn das Bild nicht angezeigt werden kann, wird stattdessen der Text "Ein lustiger Hund" angezeigt.

Ich hoffe, das hilft dir, den "img"-Tag zu verstehen! Wenn du noch weitere Fragen hast, stehe ich gerne zur Verfügung.