Wenn du in HTML ein Bild einfügen möchtest, dann geht das ganz einfach über das <img> Tag. Das bedeutet „Image“ wie Bild. Das schöne an diesem Tag ist es muss nicht beendet werden. Du kannst alternativ noch viele Eigenschaften hinzufügen.

1
<img src="https://www.blogseite.com/test.png" />

Dieses Bild wird in der Originalgröße angezeigt

Erklärung der wichtigsten Befehle für Bilder

  • src: Dies ist der Pfad zu deinem Bild. Von dort wird das Bild geladen. Auch als Quelle bekannt
  • alt: Das ist ein Alternativtext, falls das bild nicht geladen werden kann. Somit wissen Suchmaschinen was in dem Bild zu sehen ist.
  • width: Du Breite des Bildes in px oder %
  • height: Die Höhe des Bildes in px oder %
  • title : Zeigt einen Text an wenn man mit der Maus über das Bild fährt. Eher was für die Suchmaschine

HTML Beispiel: Bild mit Höhe und Breite

So sieht ein Bild mit optionaler Länge und Breite aus. Dieses Bild wird in einer Höhe von 300px und einer Breite von 300 px angezeigt.

1
<img src="https://www.blogseite.com/test.png width=" height="300" />

HTML Beispiel: Bild mit Höhe und Breite und Title

Hier mal der Code wie es mit dem Title aussehen würde

1
<img title="Katze mit Maus" src="https://www.blogseite.com/test.png width=" height="300" />


html  html-bild-einfügen