HTML-Links - eine großartige Möglichkeit, Ihre Website interaktiv und benutzerfreundlich zu gestalten. Mit Links können Benutzer durch verschiedene Seiten navigieren, Dateien öffnen und sogar E-Mails senden. Wenn Sie möchten, dass Benutzer Ihnen eine E-Mail senden können, können Sie eine E-Mail für sie erstellen e-Mail-Link. In dieser exemplarischen Vorgehensweise erfahren Sie, wie Sie eine HTML-E-Mail-Verknüpfung erstellen.
Zunächst sollten Sie sich bewusst sein, dass ein E-Mail-Link aus zwei Hauptkomponenten besteht: einer E-Mail-Adresse und einem Text, der dem Benutzer angezeigt wird. Die E-Mail-Adresse wird mit dem Präfix mailto: gefolgt von der eigentlichen E-Mail-Adresse angegeben. Der Text, der dem Benutzer angezeigt wird, befindet sich normalerweise in einem Tag . Hier ist ein Beispiel für einen E-Mail-Link:
Wenn ein Benutzer in diesem Beispiel auf den Link "E-Mail senden" klickt, wird ein E-Mail-Client mit einer vorgefüllten Adresse auf seinem Gerät geöffnet "[email protected] " Auf diese Weise kann der Benutzer Ihnen leicht eine E-Mail senden.
Jetzt, da Sie die Grundlagen zum Erstellen einer HTML-Link-E-Mail kennen, können Sie diese Methode verwenden, um die Kommunikation mit Ihren Benutzern zu erleichtern. Achten Sie auf die Textformatierung und stellen Sie sicher, dass der Link auf allen Geräten und Browsern funktioniert. Viel Glück!
Schritt 1: Öffnen Sie den HTML-Editor
Sie können einen beliebigen Texteditor oder eine dedizierte Webentwicklungsanwendung wie Notepad++, Sublime Text oder Visual Studio Code verwenden.
Öffnen Sie den HTML-Editor und erstellen Sie eine neue Datei. Dann speichere es mit der Erweiterung. "html", um es zu einer Webseite zu machen.
Danach können Sie mit dem Erstellen eines E-Mail-Links in HTML beginnen.
Schritt 2: Erstellen Sie ein Tag
Nachdem Sie eine E-Mail-Adresse erstellt haben, müssen Sie ein Tag im HTML-Code erstellen, das als Referenz zu dieser Adresse dient.
Beachten Sie, dass das Präfix mailto: vor der E-Mail-Adresse wird angegeben, dass es sich um einen Link zum Senden von E-Mails handelt. Wenn Sie den Linktext angeben möchten, können Sie ihn zwischen dem öffnenden und dem schließenden Tag hinzufügen .
Nachdem Sie nun ein E-Mail-Tag haben, können Sie es an der gewünschten Stelle auf Ihrer Webseite einfügen und Benutzer können darauf klicken, um ihr E-Mail-Programm zu öffnen und Ihnen eine E-Mail zu schreiben.
Schritt 3: Fügen Sie das href-Attribut hinzu
Nachdem wir nun den Text definiert haben, der als Referenz angezeigt wird, müssen Sie ein href- Attribut hinzufügen. Mit diesem Attribut können Sie die E-Mail-Adresse angeben, an die die E-Mail gesendet wird, wenn Sie auf den Link klicken.
Hier ist ein Beispielcode, der zeigt, wie ein href-Attribut hinzugefügt wird :
In diesem Beispiel enthält das href-Attribut einen Wert mailto:[email protected] . Wenn der Benutzer auf diesen Link klickt, wird ein Programm zum Senden von E-Mails mit einer E-Mail-Adresse geöffnet [email protected] bereits im Feld "An" eingetragen. Er kann sofort anfangen, einen Brief zu schreiben.
Sie haben auch die Möglichkeit, der E-Mail-Adresse im href-Attribut zusätzliche Parameter hinzuzufügen. Zum Beispiel können Sie den Betreff einer E-Mail angeben, indem Sie hinzufügen ?subject=Betreff%20schrift am Ende des href - Attributs. Der resultierende Code würde folgendermaßen aussehen:
Wie Sie sehen können, werden die Parameter nach dem Symbol hinzugefügt ? und werden durch & getrennt. In diesem Beispiel wird nach Angabe der E-Mail-Adresse der Parameter Betreff mit dem Wert Betreff%20name angegeben. Beachten Sie, dass Sie den Code %20 verwenden müssen, um ein Leerzeichen zu übergeben.
Schritt 4: Geben Sie Ihre E-Mail-Adresse ein
Nachdem Sie den Link erstellt haben, müssen Sie die E-Mail-Adresse angeben, an die die E-Mail gesendet werden soll. Verwenden Sie dazu das Attribut href und schreibe darin einen Wert auf "mailto:адрес_почты ". Geben Sie Ihre E-Mail-Adresse anstelle von "E-Mail-Adresse" ein.
Zum Beispiel, wenn Ihre E-Mail-Adresse example@example lautet.com, dann wird Ihr Link wie folgt aussehen:
Bitte beachten Sie, dass Sie vor der E-Mail-Adresse "mailto:" hinzufügen müssen, damit der Browser erkennt, dass es sich um eine E-Mail-Adresse handelt und das Programm zum Senden der E-Mail öffnen muss.
Nachdem Sie nun Ihre E-Mail-Adresse eingegeben haben, ist Ihr Link einsatzbereit!
Schritt 5: Beenden Sie den Link
Nachdem Sie nun die E-Mail-Adresse hinzugefügt haben, müssen Sie den Link beenden. Dazu müssen Sie Text hinzufügen, der als Link angezeigt wird.
Fügen Sie dazu die öffnenden und schließenden Tags in und um den Text ein, den Sie referenzieren möchten.
Wenn Sie beispielsweise möchten, dass der Link als "Mailen Sie uns" angezeigt wird, verwenden Sie den folgenden Code:
Fertig! Jetzt haben Sie einen funktionierenden E-Mail-Link.
