Einen E mail Link in HTML erstellen
Wenn du eine eigene Webseite betreibst, ist es immer super für die Besucher deiner Seite, wenn sie eine Möglichkeit haben, dich zu kontaktieren. So können Fragen oder andere Anliegen direkt und einfach geklärt werden. Eine Kontaktmöglichkeit sollte also auf keiner Webseite fehlen. Hier lernst du Schritt für Schritt, wie du einen E-mail-Link zu deiner Webseite hinzufügst, indem du einfache HTML Codes verwendest.
1. **Tippe den Tag für einen Anker-Link <a href= in dein HTML-Dokument.** Das Attribut <a href= ist der Anfang, den du für deinen Link brauchst, denn es ist das Attribut, das deinem Browser vermittelt, dass es sich bei dem nächsten Item um einen Link handelt.
Bevor du deinen Link erstellst, solltest du natürlich dein HTML-Dokument schon mit den üblichen Tags vorbereitet haben.
2. **Tippe mailto:** nach dem "=" Zeichen. Dieses Attribut zeigt deinem Browser, dass es sich bei dem folgenden Link um eine E-mail Adresse handelt und nicht um beispielsweise eine andere Webseite.
3. **Gib nun deine E-mail Adresse ein.** Dein HTML-Code sollte also nun aussehen wie folgt <a href="mailto:maxmustermann@beispiel.de".
4. **Füge eine Betreffzeile hinzu, wenn du möchtest.** So erhält die E-mail automatisch den Betreff, den du vordefiniert hast. Wenn du eine Betreffzeile hinzufügen möchtest, tippe ein Fragezeichen (?) nach der eingegeben E-mail Adresse, dann tippst du "subject" (ohne die Anführungszeichen) und ein Gleichheitszeichen (=) und gibst dann in Anführungszeichen deine Betreffzeile ein.

Dein Code sollte dann also so aussehen: <a href="mailto:maxmustermann@beispiel.de?subject="Text der Betreffzeile""

Versuche zu vermeiden, in der Betreffzeile andere Zeichen als alphanumerische zu verwenden.
Auch, wenn es nicht so häufig verwendet wird, kannst du noch Informationen hinzufügen, damit die Betreffzeile automatisch über die mailto Syntax ausgefüllt wird. Dies wird aber meistens verwendet, wenn die E-mail an einen Server in einem Roboter geleitet wird, damit sie besser gefiltert werden kann.
Du kannst auch den Text der E-mail, sowie die Empfänger der Durchschriften (cc und bcc) bereits vordefinieren. Setze einfach ein Fragezeichen (?), gefolgt von "body", "cc", oder "bcc", dann ein Gleichheitszeichen (=) und den Text oder die E-mail Adresse, die du verwenden möchtest in Anführungszeichen.
5. **Tippe >, um die Zeile des HTML-Codes abzuschließen.** Bisher besagt der HTML-Befehl, welche E-mail Adresse verlinkt werden soll und ob z.B. eine Betreffzeile hinzugefügt werden soll oder nicht. Mit der ">" Klammer am Ende zeigst du dem Programm, dass keine weiteren Befehle ausgeführt werden sollen, wenn der Link angeklickt wird.
6. **Tippe den sichtbaren Text des Links.** Jetzt kannst du den Text formulieren, auf den der Benutzer klicken muss, um den E-mail Link zu öffnen. Den Text tippst du nach der Klammer, die zum schließen den Links verwendet wird (">"). Der Text kann so lang oder so kurz sein, wie du möchtest. Du kannst auch einfach deine E-mail Adresse wiederholen, damit die Benutzer dann auf diese klicken können. Oft wird z.B. "hier" verwendet, z.B. im Kontext von "Klicken Sie hier".
7. **Tippe als nächstes </a> hinter den Link Text.** Damit schließt du den HTML-Befehl ab. Du musst den Anker-Link unbedingt schließen, damit alles funktioniert wie es soll.
Der komplette HTML E-mail Link sollte in etwa so aussehen <a href="mailto:maxmustermann@beispiel.de?subject="Text der Betreffzeile"">Klicken Sie hier, um mir eine E-mail zu schicken!</a>.
8. **Bearbeite den Rest deiner Webseite.** Wenn du noch weitere HTML-Codes zu vervollständigen hast, arbeite weiter an diesen. Denke daran, deine Arbeit in regelmäßigen Abständen zu speichern!
{"url": "https://de.wikihow.com/Einen-E-mail-Link-in-HTML-erstellen", "language": "de"}