Wie verwandle ich einen Link-Code in einen Button?

Eines der grundlegendsten Merkmale von Internet-Websites sind Hyperlinks – die blau unterstrichenen Wörter oder Sätze, auf die Sie klicken können, um zu einer anderen Website oder Webseite zu gelangen. Sobald Sie sich mit dem Erstellen von Hyperlinks auf Ihrer eigenen Website vertraut gemacht haben, werden Sie schnell entscheiden, dass Sie die Dinge im Design ein wenig aufpeppen möchten. Eine einfache Möglichkeit, Ihre Webseiten ansprechender zu gestalten, besteht darin, Schaltflächen-Hyperlinks anstelle von Wort-Hyperlinks zu erstellen. Es gibt zwei grundlegende Möglichkeiten, um Links in Schaltflächen auf Ihrer Website zu verwandeln: Bilder und Formulare.

Bild

Um einen einfachen Hyperlink in eine Schaltfläche mit Bildern zu verwandeln, müssen Sie einfach Ihr Schaltflächenbild im JPG- oder GIF-Bildformat auswählen oder erstellen. Sobald Sie das gewünschte Schaltflächenbild haben, laden Sie es auf Ihren Website-Server hoch. An diesem Punkt müssen Sie nur noch den eigentlichen Link auf Ihrer Seite erstellen, und dies geschieht auf sehr ähnliche Weise wie bei Standardtext-Hyperlinks. Der Hauptunterschied besteht darin, dass Sie Ihr Schaltflächenbild anstelle des Texts einfügen, der normalerweise mit einem Hyperlink versehen würde, wie folgt:

Der Code dieses Codes bewirkt, dass Ihr Schaltflächenbild anstelle von reinen Textwörtern angezeigt wird, und wenn jemand auf diese Schaltfläche klickt, reagiert sie als Hyperlink und führt sie zu der Seite, mit der Sie die Schaltfläche verknüpft haben.

Bilden

Eine alternative Methode, einen Webseitenlink in eine Schaltfläche umzuwandeln, besteht darin, ein einfaches Formular zu erstellen. Diese Methode zum Erstellen von Schaltflächen ist beliebt, da Sie die anklickbare Schaltfläche mit beliebigen Wörtern versehen können, und Sie müssen dafür keine komplizierte Bildbearbeitungssoftware verwenden.

Hier ist der grundlegende Formularcode zum Erstellen einer anklickbaren Schaltfläche:

In der ersten Zeile teilen Sie dem Webbrowser mit, dass diese Schaltfläche ein Link zu einer anderen Seite Ihrer Website namens "link-to-page.html" ist.

Die zweite Zeile bietet den Eingabetyp "Senden" - was die Schaltfläche selbst erstellt - und die Wörter, die auf diese Schaltfläche gesetzt werden sollen, sind im Abschnitt "Wert" enthalten. Zum Schluss beendest du das Formular mit einem Abschluss Etikett.