Um einem Bild eine Verlinkung anzufügen, sodass ein Klick auf das Bild zu einer neuen Seite führt, benötigt man das HTML Attribut href (Hypertext Reference). Wie das ganze funktioniert, erfährst du in diesem Post.

Beispielhaft habe ich hier ein Bild von dem City Builder Cities: Skylines eingefügt. Klickt man das Bild an, wird man auf den Tag Cities: Skylines von Number13 weitergeleitet.

Der HTML Code dazu sieht folgendermaßen aus:

<a href="https://number13.de/tag/cities-skylines/">
    <img src="https://www.number13.de/content/images/2017/12/20160719232251_1.jpg"
    title="Klicke auf das Bild, um zu allen Posts über Cities: Skylines zu gelangen!"/>
</a>

In die erste Zeile nach href kommt der Link, zu dem ein Klick auf das Bild führen soll. Die Bildadresse von dem Bild, auf das geklickt wird, kommt nach src (Source) in die <img> Klammer. Weiter in der <img> Klammer befindet sich auch ein Attribut: title. Hier kann Text eingegeben werden, der angezeigt wird, sobald man mit der Maus über das Bild "hovert".

HTML