more4webmaster.de

Forum | Kontakt | Impressum     
Startseite
  Workshop - HTML
  Einsteigerhilfen
   HTML Grundlagen
   HTML Grundlagen II
   HTML Tipp I
   HTML Tipp II
   HTML Befehle
  Fortgeschrittene
   Autom. Download
   CSS-Ebenen
   E-Mail Link
   Frames
   Favicon
   I-Frames
   Imagemaps
   Laufschrift
   Linkfarbe
   Mauszeiger
   Metatags
   Pulldown-Menu
   Scrollbalken-Farbe
   Tabellen
   Webcam einbinden
  Grafiktipps
   Menu
   Menu II
   Rahmen
   Hintergrund
   



Hier geht es darum wie man einen E-Mail Link platziert und ihn herausputzt.

Die einfache Art

Wer es einfach und schlicht mag, der kann ganz einfach einen
Mail Link platzieren. Der Code lautet z.B. Mit Standartadresse

<A HREF="mailto:MartinMustermann@mustermail.de">E-Mail an mich</A>

Nun wollen wir den Link aufschlüsseln.

<A HREF="
//Der einfache Link Tag beginnt

mailto:
// Das Protokoll. mailto: steht für "Post an"

MartinMustermann@mustermail.de
// Die E-Mail Adresse an den gemailt werden soll.

">
// schliesst den HREF - Tag.

E-Mail an Mich
// "Beschriftung" des Link-Tags. Hier kann auch jeder beliebige Text stehen.

</A>
// Beendet den Link Tag.


Die erweiterte Art

So ein einfacher E-Mail Link ist normalerweise vollkommen ausreichend. Natürlich kann man diesen aber noch etwas verfeinern. Aber Achtung: Ältere Browser von Opera und Netscape kennen den erweiterten Tag teilweise noch nicht.

Aber zuersteinmal der Code:

<A HREF="mailto:MartinMustermann@mustermail.de" title="Mail an mich">E-Mail an mich</A>

Beispiel: E-Mail an mich

Neu daran ist nur der title Tag. Man kann auch den Wert von ihm verändern. Er ist auch beliebig. Wenn man den Mauszeiger über den Link fährt, erscheint eine Art Tooltip mit dem angegebenen Text. Dies funktioniert auch bei anderen Objekten.


Betreff vorgegeben
Hier kann man die URL auf die der Maillink zielt ( MartinMustermann@mustermail.de ) verändert und erweitert.

<A HREF="mailto:MartinMustermann@mustermail.de?Subject=Hallo">E-Mail an mich</A>

Beispiel: E-Mail an mich

Dafür ändern wir die URL des Links wie folgendermassen - mailto:MartinMustermann@mustermail.de?Subject=Hallo
Dabei haben wir nur "?Subject=UNDBETREFF" angegeben. Dies bewirkt die Vorgabe des Betreffs. Aber darauf achten: Keine Leerzeichen im Betreff verwenden, da dies zu Problemen führen kann.


Kombinieren von Betreff und Inhalt

<A HREF="mailto:MartinMustermann@mustermail.de?Subject=Hallo&Body=Schicken Sie mir bitte weitere Informationen">E-Mail an mich</A>

Beispiel: E-Mail an mich

Neben dem Betreff kann man auch den Inhalt (Body) einer Mail vordefinieren.
Dazu setzt man einfach "?Subject=Hallo&Body=Schicken Sie mir bitte weitere Informationen" im Quelltext hinter die E-Mail ein. Damit sieht der Text im HREF - Tag so aus:
mailto:MartinMustermann@mustermail.de?Subject=Hallo&Body=Schicken Sie mir bitte weitere Informationen


Bilder anstatt Textlink

<A HREF="mailto:MartinMustermann@mustermail.de"><IMG SRC="LinkZuIhremBild.jpg"></A>

Nehmen wir mal an, wir hätten einen tollen E-Mail-Button und möchten den anstatt einen Textlink setzen. Das ist einfach. In dem Fall werden aber nicht die Sachen innerhalb des <A HREF".."> Tages geändert, sondern das, was zwischen <A HREF".."> und </A> liegt. Anstatt des Textes fügen wir mit dem img ein Bild ein. Der Code : <IMG SRC="deinbild.jpg">



Dieser Workshop ist ein Service von more4webmaster.de

Für Hilfe und mehr besuchen Sie unser more4webmaster.com Board

© 2006 - 2010 by more4webmaster.de - Hosting & Service by SVwebservice.de - 66663 Merzig  


Letzte Änderung - 03.10.2008