Um ein Bild in HTML einzufügen, wird das img -Tag verwendet. Das Attribut src (Source) ist erforderlich, um den Pfad zur Bilddatei anzugeben. Hier ist ein einfaches Beispiel:
<img src="/pfad/zum/bild.jpg" alt="Beschreibung des Bildes">In diesem Code:
- src="pfad/zum/bild.jpg":
Dies ist der Pfad zur Bilddatei, die du anzeigen möchtest. Der Pfad kann relativ oder absolut sein. - alt="Beschreibung des Bildes":
Dies ist ein alternativer Text, der angezeigt wird, falls das Bild aus irgendeinem Grund nicht geladen werden kann. Es ist auch wichtig für die Barrierefreiheit und SEO.
Optionale Attribute sind:
- width und height:
Mit diesen Attributen kannst du die Breite und Höhe des Bildes in Pixeln festlegen. - title:
Dieses Attribut bietet zusätzliche Informationen und wird angezeigt, wenn der Benutzer mit der Maus über das Bild fährt.
Beispiel mit optionalen Attributen:
<img src="/pfad/zum/bild.jpg" alt="Beschreibung des Bildes" width="200" height="150" title="Ein schönes Bild">In diesem Beispiel wird die Breite des Bildes auf 200 Pixel und die Höhe auf 150 Pixel festgelegt. Der title-Text wird angezeigt, wenn der Benutzer mit der Maus über das Bild fährt. Beachte, dass es empfehlenswert ist, die Breite und Höhe des Bildes in einem separaten CSS-Stil zu definieren, um eine Trennung von Inhalt und Darstellung zu erreichen.