Mailto-Link erstellen: Anleitung und Bedeutung der HTML-Links

Christin Richter

Auch wenn ihr nicht alle HTML-Befehle kennt, ist euch das Wort „mailto“ bestimmt schon begegnet. Dieser HTML-Befehl wird genutzt, um einen E-Mail-Verweis in ein Dokument oder eine Webseite einzubauen. Aber wie genau erstelle ich einen solchen E-Mail-Link? Und wie können Betreff, Kopie (CC) und Blindkopie (BCC) hinzugefügt werden? Wir verraten es euch nachfolgend.

Die Auszeichnungssprache HTML definiert, wie genau Internetseiten vom Browser verarbeitet und dargestellt werden sollen. Grundgerüst dafür sind sogenannte Tags – Befehle, die in Klammern gesetzt werden. Der Mailto-Tag ist dann von Bedeutung, wenn ihr beispielsweise ein Kontaktformular in HTML erstellen möchtet oder euren Besuchern die Chance geben wollt, euch einfach per Mausklick eine E-Mail zu schreiben. Aber wie genau fügt ihr den Mailto-Befehl ein und welche Optionen bietet euch der Verweis?

Mailto-Link erstellen: So codiert ihr den E-Mail-Verweis im Quelltext

Und so gebt ihr den E-Mail-Verweis als Mailto-Link in das HTML-Gerüst eurer Webseite ein:

Attribute Mailto-Befehl
Eine E-Mail an einen Empfänger <a href="mailto:name@bla.de">Sende eine E-Mail</a>
Eine E-Mail an mehrere Empfänger <a href="mailto:name1@bla.de,name2@beispielwebseite.de">
Kontakt zu uns</a>
E-Mail mit definiertem Betreff <a href="mailto:name@bla.de?subject=Das ist ein Betreff">E-Mail mit Betreff „Das ist ein Betreff“</a>
E-Mail mit sichtbarer Kopie (CC) <a href="mailto:name@bla.de?cc=name2@beispielwebseite.de">E-Mail mit Kopie</a>
E-Mail mit Blindkopie (BCC) <a href="mailto:name@bla.de?bcc=name2@beispielwebseite.de">E-Mail mit Blindkopie</a>

Vor dem jeweiligen „</a>“ könnt ihr beliebigen Text wählen, so muss dort natürlich nicht „Sende eine E-Mail“ oder „Kontakt zu uns“ stehen. Dort wird der Text eingegeben, der in euren jeweiligen Satz passt, denn dieser Teil ist für eure Besucher als Textlink sichtbar.

Natürlich lässt sich der Mailto-Link auch als Hyperlink über das Menü eures Editors einfügen. Markiert dazu einfach den Text oder das Bild, von dem aus sich per Klick das Mailprogramm des Nutzers öffnen soll. Nach einem Klick auf „Einfügen“ wählt „Link“ aus und gebt mailto:name@bla.de ein.

Seid ihr euch unsicher, könnt ihr einfach wichtige HTML-Tags nachschlagen. Ihr findet die Codes übersichtlich im SelfHTML Handbuch und lest dort zum Beispiel auch, wie ihr fett, kursiv und Blocksatz schreiben könnt.

Einen kurzen Einblick für Anfänger in die Welt des HTML5 bietet euch der praktische Ratgeber HTML5 Schnelleinstieg für Dummies:

HTML5 für Dummies bei Amazon *

Ist euch das zu kompliziert, nutzt einfach einen kostenlosen externen Mailto-Link Generator wie

Im nachfolgenden Video seht ihr, wie euch Incomedia WebSite X5 helfen kann, ganz einfach ohne Programmierkenntnisse eine eigene Webseite zu erstellen:

Incomedia WebSite X5: Websites erstellen ohne Programmieren.

Mailto: Nutzung des HTML-Befehls

Egal, ob ihr den HTML-Befehl im klassischen HTML-Modus eurer Webseite oder in WordPress (basierend auf HTML) im Textmodus eingebt: Diese Anweisung bietet euren Besuchern einen Vorteil. Nutzer brauchen die angegebene E-Mail-Adresse nicht erst zu kopieren und in ihr Mailprogramm einfügen. Dieser Hyperlink öffnet automatisch den vom Nutzer präferierten Mailclient und setzt die angegebene E-Mail-Adresse bereits in das Empfänger-Feld ein. Für euch als Webseiteninhaber bietet der Code den Vorteil, dass eure E-Mail-Adresse nicht direkt auf der Internetseite zu lesen ist, wenn ihr diesen nicht ausschreibt.

Es ist gar nicht so kompliziert, einen Mailto-Link per HTML-Code zu erstellen. Hat es bei euch funktioniert oder habt ihr noch Fragen, wie ihr den Code als praktischen Link in euren Text oder Kontaktformular einfügt?

Zu den Kommentaren

Kommentare zu diesem Artikel

Neue Artikel von GIGA TECH

  • Artikel 13 ist fast beschlossene Sache – aber als Artikel 17

    Artikel 13 ist fast beschlossene Sache – aber als Artikel 17

    Man sollte sich den 13. Februar 2019 merken: Das ist der Tag, an dem mutmaßlich internettechnisch völlig unbedarfte, gewählte Volksvertreter, wie zum Beispiel der CDU-Abgeordnete Axel Voss, das Internet töten wollten. Aber noch könnt ihr etwas dagegen tun.
    Marco Kratzenberg 33
  • Was ist Amazon Live? Das neue, alte Online-Shopping

    Was ist Amazon Live? Das neue, alte Online-Shopping

    Amazon Live will ein Problem lösen, das dem Online-Handel immer wieder vorgeworfen wird: Mangelnde Beratung. Zwar wird es immer noch keine individuelle Produktberatung geben, aber mit Amazon Live fallen Entscheidungen für oder gegen einen Kauf künftig vielleicht leichter.
    Marco Kratzenberg
* gesponsorter Link