Die Syntax der HTML-Sprache ermöglicht es Ihnen, Hyperlinks nicht nur textuell, sondern auch grafisch zu erstellen. Für einen Site-Besucher sieht ein solcher Link wie ein Bild aus, und wenn Sie auf das Bild klicken, gelangen Sie zu einer anderen Webseite.
Anweisungen
Schritt 1
Verkleinern Sie das Bild mit einem beliebigen Grafikeditor. Seine Größe in einer der Koordinaten sollte 200 Pixel nicht überschreiten. Es ist besser, wenn das Bild ein horizontales Layout hat. Dies kann beispielsweise ein virtueller Knopf sein, dessen Beschriftung in einer künstlerischen Schrift erfolgt. Das Bildformat muss eines der folgenden sein: JPG, PNG, GIF. Die erste wird für Fotos bevorzugt und die anderen beiden werden für Strichzeichnungen bevorzugt (dies ist die beste Komprimierung). Achten Sie darauf, das Ergebnis der Änderung unter einem neuen Namen zu speichern, um das Original nicht zu verderben.
Schritt 2
Laden Sie die Bilddatei auf den Server in dem Ordner hoch, in dem sich die HTML-Datei befindet. Um einen solchen Download durchzuführen, können Sie das Webinterface (sofern beim Hosting-Provider verfügbar) oder ein beliebiges FTP-Client-Programm verwenden.
Schritt 3
Platzieren Sie den folgenden Codeausschnitt an der gewünschten Stelle in der HTML-Datei:, wobei der Ausdruck nach dem "href="-Operator die Adresse ist, zu der der Link führt, und someimage
Schritt 4
Für einige Benutzer ist die Anzeige von Bildern im Browser deaktiviert. Daher ist es ratsam, direkt unter dem Bild eine Erklärung zu platzieren, wohin der Link führt. Ändern Sie in diesem Fall das obige Code-Snippet so, dass es wie folgt aussieht:
Insekten Nahaufnahme. Unter dem Bild erscheint ein erklärender Text. Wenn Sie darauf klicken, gelangen Sie auch zum Link.
Schritt 5
Nachdem Sie die aktualisierte Version der HTML-Datei auf den Server hochgeladen haben, öffnen Sie die entsprechende Seite im Browser und stellen Sie dann sicher, dass das Bild angezeigt wird und der Link gültig ist. Der Übergang sollte erfolgen, wenn Sie sowohl auf das Bild als auch auf die erklärende Beschriftung darunter (falls vorhanden) klicken.
