Bilder als Links
Du bist sicher schon einmal auf ein Bild gestoßen, das zugleich ein Link ist. Auf YouTube führt zum Beispiel ein Klick auf das Bild eines Videos zur Seite mit diesem Video. Schauen wir uns an, wie das geht.
<a href="adresse">
<img src="adresse-des-bildes" alt="Beschreibung des Bildes">
</a>Es ist einfach: Wir setzen das Bild in das Element a, sodass es ein Kind des Links wird. Ein Klick auf das Bild funktioniert dann genauso wie ein Klick auf den Text eines Links.
Auf dieselbe Weise können wir andere HTML-Elemente zu Links machen: Wir setzen sie einfach in ein Element a.
So schreibst du es:
Anweisungen
- 1
Setze das Katzenbild in einen neuen Link: Schreibe direkt vor das Element
imgdas öffnende Tag<a href="https://de.wikipedia.org/wiki/Hauskatze">und direkt danach das schließende Tag</a>. - 2
Füge diesem neuen Link das Attribut
targetmit dem Wert_blankhinzu, damit er sich in einem neuen Tab öffnet.