Es ist sehr praktisch, wenn der Bereich des aktiven Links kein Text, sondern ein Bild ist. Die HTML-Auszeichnungssprache ist dazu durchaus in der Lage. Dazu ist lediglich eine spezielle Kombination der Tags erforderlich.
Anleitung
Schritt 1
Wenn alle Dateien auf dem Server in einem Ordner gespeichert sind, dann schreiben Sie den folgenden HTML-Code der Seite:
‹A href=page.html› Wenn Sie auf diesen Link klicken, gelangen Sie zu einer anderen Seite innerhalb der Site ‹/a›
Schritt 2
Erfahren Sie, wie Sie Links zu lokalen Seiten auf Websites von Drittanbietern in Ihren HTML-Code einbetten:
‹A href= https://server.domain/folder/page.html› Wenn Sie auf diesen Link klicken, gelangen Sie zu einer Seite, die sich auf einer ganz anderen Site befindet ‹/a›
Schritt 3
Sehen Sie sich nun an, wie Sie Bilder in eine Seite einfügen, die auf demselben Server wie die Site gespeichert sind, vorausgesetzt, dass alle Dateien auf diesem Server in einem freigegebenen Ordner gespeichert sind:
‹Img src = Dateiname.jpg›
Schritt 4
Fügen Sie auf die gleiche Weise Bilder, die auf Servern von Drittanbietern gespeichert sind, in die Seite ein:
‹Img src =
Beachten Sie jedoch, dass einige Server das Einfügen von Bildern in Seiten außerhalb von ihnen nicht zulassen und stattdessen Warnbildschirmschoner anzeigen oder nichts anzeigen. Kopieren Sie in solchen Fällen das Bild nicht auf einen lokalen Server - dies stellt eine Urheberrechtsverletzung dar. Es ist besser, einen Link zu diesem Bild zu geben.
Schritt 5
Um auf ein Bild zu klicken, um dem Link zu folgen, kombinieren Sie diese Tags wie folgt:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹/a›
Ersetzen Sie bei dieser Konstruktion gegebenenfalls den globalen Link zur Seite durch den lokalen oder umgekehrt den lokalen Link zum Bild durch den globalen.
Schritt 6
Wenn Sie schließlich möchten, dass dem Link gefolgt wird, indem Sie sowohl auf das Bild als auch auf den Text darunter klicken, verwenden Sie eine komplexere Konstruktion wie diese:
‹A href= https://server.domain/folder/page.html› ‹img src = picture.jpg› ‹p› Sie werden auf eine andere Seite weitergeleitet, egal ob Sie auf diesen Text oder auf die darüber liegende Seite klicken Bild. Das Ergebnis wird genau das gleiche sein.
