Es kann einmal sein, dass Sie ein Bild auf einer Ihrer Webseiten als Link zu einer externen Website einstellen möchten.
Dazu können Sie das Bild in ein <a> Hyperlink-Tag mittels der folgenden HTML-Vorlage einbetten:
<a href="https://link-zur-ziel-website" target="_blank"><img src="https://metropublisher.com/downloads/12345/download/bild.jpg" style="width: 100%" /></a>
Tipps:
Kürzen Sie die Dateinamen und löschen Sie alle Leerzeichen in einem Namen wie "Metro Publisher Bild", da Leerzeichen in einer URL nicht als Leerzeichen codiert werden, sie werden zu Code wie z.Bsp. %20 umgewandelt.
target="_blank" öffnet die Zielwebsite in einem neuen Reiter im Browser when das Bild angeklickt wird. Enfernen Sie diesen Teil des Codes, falls Sie dies nicht wünschen.
style="width: 100%" ermöglicht responsives Verhalten des Bildes, sodass sich dessen Größe auf mobilen Geräten anpasst.
Kommentare