HTML Tutorial: E-Mails

Im Internet findet ein Großteil der Kommunikation über E-Mails statt. Dies sind Textnachrichten, die sehr schnell über das Internet verschickt werden können. Im Vergleich zu den SMS der Handys können Emails jedoch auch große Dateianhänge haben oder z.B. Grafiken enthalten.

1.1 Emails einrichten

Damit die Besucher deiner Webseite mit dir Kontakt aufnehmen können, solltest du ihnen auch die Möglichkeit bieten dir eine E-Mail zu schreiben. Dies geht mit folgendem Code:

Auf den ersten Blick sieht er dem normalen Link sehr ähnlich, doch der Inhalt bzw. Wert des Attributs href ist anders. Dort steht ein zusätzliches mailto:. Dieses mailto: sagt dem Browser, daß es sich nicht um einen Link zu einer Webseite handelt, sondern um eine E-Mail (Links zu Webseiten fangen ja in der Regel mit http:// an).
Hinter dem mailto: steht dann deine E-Mail-Adresse - im Beispiel ist dies meine@email.de. Achte darauf, dass du sie komplett ausschrebst und keinen Tippfehler machst! Es schadet auch nicht, eine Testmail an sich selbst zu schicken um sicherzustellen, dass es funktioniert. Zu bestimmten Zeiten kann das Versenden von E-Mails länger dauern - warte also am besten einige Minuten :)

1.2 Vordefinierte Emails

Normale E-Mail-Links sind ja schon eine tolle Sache, doch wenn wir unsere Besucher etwas verwöhnen wollen, können wir einige Bereiche der E-Mail auch gleich vordefinieren (ausfüllen). Fangen wir einmal damit an den Betreff (englisch Subject) vorzugeben. Dies sieht dann so aus:

Wie du siehst, gibt es hier gleich etwas neues. Hinter der E-Mail-Adresse meine@email.de steht hier ein Fragezeichen ? und dahinter einiges mehr. Das Fragezeichen steht hier als Trennzeichen zwischen E-Mail-Adresse und den Befehlen.
Direkt hinter dem Fragezeichen beginnt unser Befehl, der den Betreff der E-Mail mit dem Text Dies ist das Subject formatieren wird. Dies geschieht sehr einfach, indem wir subject= schreiben und einen netten Text anfügen.

Man kann noch mehr vordefinieren. Am besten machen wir jetzt ein Beispiel wo gleich mehrere Sachen vordefiniert werden. Das folgende Beispiel ist ein E-Mail-Link mit vordefiniertem Betreff, Inhalt und einem Kopienempfänger.

Na hier gibt es gleich mehrere neue Sachen. Ganz wichtig ist das &, mit dem wir die Unterbefehle voneinander trennen. Beachte, dass das erste "Trennzeichen" ein Fragezeichen ist und erst alle folgenden ein & werden! Dahinter kann folgendes stehen:

• subject= TEXT
• body= TEXT
• cc= EMAIL
• bcc = EMAIL

Was diese Kürzel bedeuten, wirst du bestimmt leicht erraten oder bereits von E-Mail-Programmen wie z.B. Outlook Express, Thunderbird usw. kennen. Mit subject ist ja der bekannte Betreff gemeint, mit body der Inhalt und mit cc und bcc die sichtbaren und unsichtbarenKopienempfänger.

Zur HTML Tutorial-Übersicht...