Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Lernen Arbeiten Mit Bildern in HTML | Bilder und Medien
HTML-Grundlagen

bookArbeiten Mit Bildern in HTML

Bilder erhöhen die visuelle Attraktivität einer Webseite und unterstützen die Informationsvermittlung. In HTML werden Bilder mit dem <img>-Tag eingefügt.

Einfügen von Bildern

Das <img>-Tag ist selbstschließend und benötigt mindestens zwei Attribute:

  • src: Speicherort der Bilddatei;
  • alt: Alternativtext für Barrierefreiheit oder falls das Bild nicht geladen werden kann.
<img src="image.jpg" alt="Description of the image">

Bildattribute

  • src: Pfad oder URL des Bildes (erforderlich);
  • alt: Ersatztext und Beschreibung für Barrierefreiheit;
  • width: legt die Bildbreite fest;
  • height: legt die Bildhöhe fest;
  • title: zeigt beim Überfahren mit der Maus einen Tooltip an.
index.html

index.html

copy
  • Das <img>-Tag fügt ein Bild auf einer Webseite ein;
  • Das src-Attribut gibt die Quell-URL der Bilddatei an;
  • Das alt-Attribut legt den Alternativtext für das Bild fest;
  • Das width-Attribut legt die Bildbreite fest;
  • Das height-Attribut legt die Bildhöhe fest;
  • Das title-Attribut liefert zusätzliche Informationen zum Bild.

1. Welches Tag wird verwendet, um Bilder in ein HTML-Dokument einzufügen?

2. Welches Attribut ist für das <img>-Tag erforderlich, um das Bild anzuzeigen?

3. Was stellt das alt-Attribut für ein Bild bereit?

4. Was passiert, wenn das im src-Attribut angegebene Bild nicht geladen werden kann?

question mark

Welches Tag wird verwendet, um Bilder in ein HTML-Dokument einzufügen?

Select the correct answer

question mark

Welches Attribut ist für das <img>-Tag erforderlich, um das Bild anzuzeigen?

Select the correct answer

question mark

Was stellt das alt-Attribut für ein Bild bereit?

Select the correct answer

question mark

Was passiert, wenn das im src-Attribut angegebene Bild nicht geladen werden kann?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 1

Fragen Sie AI

expand

Fragen Sie AI

ChatGPT

Fragen Sie alles oder probieren Sie eine der vorgeschlagenen Fragen, um unser Gespräch zu beginnen

Awesome!

Completion rate improved to 2.86

bookArbeiten Mit Bildern in HTML

Swipe um das Menü anzuzeigen

Bilder erhöhen die visuelle Attraktivität einer Webseite und unterstützen die Informationsvermittlung. In HTML werden Bilder mit dem <img>-Tag eingefügt.

Einfügen von Bildern

Das <img>-Tag ist selbstschließend und benötigt mindestens zwei Attribute:

  • src: Speicherort der Bilddatei;
  • alt: Alternativtext für Barrierefreiheit oder falls das Bild nicht geladen werden kann.
<img src="image.jpg" alt="Description of the image">

Bildattribute

  • src: Pfad oder URL des Bildes (erforderlich);
  • alt: Ersatztext und Beschreibung für Barrierefreiheit;
  • width: legt die Bildbreite fest;
  • height: legt die Bildhöhe fest;
  • title: zeigt beim Überfahren mit der Maus einen Tooltip an.
index.html

index.html

copy
  • Das <img>-Tag fügt ein Bild auf einer Webseite ein;
  • Das src-Attribut gibt die Quell-URL der Bilddatei an;
  • Das alt-Attribut legt den Alternativtext für das Bild fest;
  • Das width-Attribut legt die Bildbreite fest;
  • Das height-Attribut legt die Bildhöhe fest;
  • Das title-Attribut liefert zusätzliche Informationen zum Bild.

1. Welches Tag wird verwendet, um Bilder in ein HTML-Dokument einzufügen?

2. Welches Attribut ist für das <img>-Tag erforderlich, um das Bild anzuzeigen?

3. Was stellt das alt-Attribut für ein Bild bereit?

4. Was passiert, wenn das im src-Attribut angegebene Bild nicht geladen werden kann?

question mark

Welches Tag wird verwendet, um Bilder in ein HTML-Dokument einzufügen?

Select the correct answer

question mark

Welches Attribut ist für das <img>-Tag erforderlich, um das Bild anzuzeigen?

Select the correct answer

question mark

Was stellt das alt-Attribut für ein Bild bereit?

Select the correct answer

question mark

Was passiert, wenn das im src-Attribut angegebene Bild nicht geladen werden kann?

Select the correct answer

War alles klar?

Wie können wir es verbessern?

Danke für Ihr Feedback!

Abschnitt 3. Kapitel 1
some-alt