Anzeige
Anzeige
Für Links auf dieser Seite erhält GIGA ggf. eine Provision vom Händler, z.B. für mit oder blauer Unterstreichung gekennzeichnete. Mehr Infos.
  1. GIGA
  2. Tech
  3. Mailto-Link erstellen: Anleitung und Bedeutung der HTML-Links

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


Anzeige

Der Begriff „mailto“ ist ein HTML-Befehl, 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?

Die Auszeichnungssprache HTML definiert, wie Browser eine Internetseite verarbeiten und darstellen. Grundgerüst dafür sind sogenannte Tags. Das sind Befehle, die in eckigen Klammern gesetzt werden. Der Mailto-Tag ist dann bedeutsam, wenn ihr beispielsweise ein Kontaktformular in HTML erstellen oder euren Besuchern die Option geben wollt, euch einfach per Mausklick eine E-Mail zu schreiben. Wie ihr den Mailto-Tag erstellt und welche Optionen ihr einfügen könnt, zeigen wir euch im Folgenden.

Anzeige

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

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>

Anzeige

Vor dem jeweiligen „</a>“ könnt ihr beliebigen Text wählen. Dort braucht nicht „Sende eine E-Mail“ oder „Kontakt zu uns“ stehen. Gebt einfach den Text ein, der für eure Webseite passt, denn dieser Teil ist für eure Besucher als Textlink sichtbar.

Mailto als Hyperlink einfügen

Der Mailto-Link lässt sich auch als Hyperlink über das Menü eures Editors einfügen:

  1. Markiert dazu einfach den Text oder das Bild, von dem aus das E-Mail-Programm des Nutzers geöffnet werden soll, wenn er darauf klickt.
  2. Klickt auf „Einfügen“, wählt „Link“ aus und gebt mailto:name@bla.de ein.
Anzeige

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 auf der Webseite darstellen 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 Schnelleinstieg für Dummies: Jetzt aber flott - der kompakte Einstieg in HTML5
HTML5 Schnelleinstieg für Dummies: Jetzt aber flott - der kompakte Einstieg in HTML5
Preis kann jetzt höher sein. Preis vom 23.11.2024 18:24 Uhr

Mailto-Generator nutzen

Ist es euch zu kompliziert den Mailto-Link manuell einzufügen, nutzt einfach einen kostenlosen externen Mailto-Link Generator wie:

Mailto: Die Vorteile des HTML-Befehls

Egal, ob ihr den HTML-Befehl im klassischen HTML-Modus eurer Webseite oder in WordPress (basierend auf HTML) im Textmodus eingebt: Durch die Mailto-Anweisung gibt es zwei Vorteile:

  • Webseiten-Besucher haben den Vorteil, die E-Mail-Adresse nicht extra in ihre E-Mail-Programm einfügen zu müssen. Das Fenster zum Versenden einer neuen E-Mail wird automatisch geöffneten und der von euch bestimmte Empfänger eingetragen.
  • Der Webseiten-Betreiber hat den Vorteil, dass seine 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?

Hat dir der Beitrag gefallen? Folge uns auf WhatsApp und Google News und verpasse keine Neuigkeit rund um Technik, Games und Entertainment.

Anzeige