Een e‐maillink in HTML maken

Pdf downloaden
Bijdragen van wikiHow-redactie

Pdf downloaden

Bezoekers van je website houden ervan om zo makkelijk mogelijk vragen en feedback naar je te kunnen mailen. Dit is een absolute plus voor elke website. Daarom leggen we hier stap-voor-stap uit hoe je een maillink op je site zet met een eenvoudig stukje HTML-code.

Stappen

Pdf downloaden
  1. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-1.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/9\/95\/Create-an-Email-Link-in-HTML-Step-1.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-1.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Het '<a href=' attribuut is de start van de link in je HTML document. De '<a href=' tag communiceert aan de internetbrowser dat er nu een link volgt.
    • Je HTML-code moet af zijn tot dit punt.
  2. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-2.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/6f\/Create-an-Email-Link-in-HTML-Step-2.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-2.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    na het '=' teken. De browser weet nu dat er geen webadres, maar een mailadres volgt.
  3. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-3.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/6\/62\/Create-an-Email-Link-in-HTML-Step-3.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-3.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Een voorbeeld van een goed stukje code is: <a href='mailto:agentavery@sample.com' .
  4. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-4.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/7\/76\/Create-an-Email-Link-in-HTML-Step-4.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-4.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Typ hiervoor eerst een vraagteken (?) na het e-mailadres, gevolgd door het woord 'subject' (zonder de aanhalingstekens). Hierna komt weer een '=' teken, met daarachter het onderwerp.
    • Kies je voor een onderwerpregel, dan ziet je code er ongeveer zo uit: <a href='mailto:agentavery@sample.com?subject=subject text'
    • Gebruik alleen alfabetische tekens in je onderwerpregel. Wanneer je cijfers of andere tekens gebruikt, raakt je browser in de war en denkt dat het andere commando's moet uitvoeren.
    • Niet veel ontwikkelaars vullen de onderwerpregel in via de 'mailto' syntax. Deze techniek wordt echter wel vaak gebruikt wanneer de mail naar een interne server wordt doorgestuurd waar bots de mail verder afhandelen. De mail kan dan dankzij de onderwerpregel automatisch verwerkt worden.
    • Met ongeveer dezelfde syntax voeg je tekst toe in de mail ('body') of een ontvanger voor de 'cc' of 'bcc'. Let erop dat je een vraagteken gebruikt achter 'body', 'cc', of 'bcc'. Hierna komt weer een '=' teken met daarna de tekst.
  5. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-5.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/3\/34\/Create-an-Email-Link-in-HTML-Step-5.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-5.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Het stukje code tot dusver vertelt de browser naar welk e-mailadres gelinkt wordt en wat de eventuele andere attributen zijn van de mail. Het sluithaakje '>' vertelt de browser dat dit het eind is van de commando's die uitgevoerd worden als de link geklikt wordt.
  6. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-6.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/b\/b4\/Create-an-Email-Link-in-HTML-Step-6.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-6.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dit is de tekst die de gebruiker klikt om de link te activeren. Dit schrijf je na het sluithaakje. Typ hier een woord of een zin, of kopieer gewoon het e-mailadres waar de mail naartoe gaat. Heel vaak zie je op deze plek 'hier' of 'stuur een mail' staan.
  7. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-7.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/5\/55\/Create-an-Email-Link-in-HTML-Step-7.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-7.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Dit beëindigt het HTML-commando. Je moet een HTML ankertag altijd sluiten, want anders denkt de browser dat de rest van het document ook bij het commando hoort. Dan werkt het dus niet goed.
    • De hele HTML e-maillink ziet er ongeveer zo uit: <a href='mailto:agentavery@sample.com?subject=HTML link'>Click here to send us an email!!!</a>
  8. {"smallUrl":"https:\/\/www.wikihow.com\/images_en\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-460px-Create-an-Email-Link-in-HTML-Step-8.jpg","bigUrl":"https:\/\/www.wikihow.com\/images\/thumb\/0\/03\/Create-an-Email-Link-in-HTML-Step-8.jpg\/v4-728px-Create-an-Email-Link-in-HTML-Step-8.jpg","smallWidth":460,"smallHeight":345,"bigWidth":728,"bigHeight":546,"licensing":"<div class=\"mw-parser-output\"><\/div>"}
    Sla je werk op en ga eventueel verder met je andere HTML-code.
    Advertentie

Tips

  • De anker HTML-tag <a> wordt op verschillende manieren gebruikt. Wanneer je dit leert, kan je deze tag zo effectief mogelijk inzetten.
  • Ankertags moeten geplaatst worden binnen het 'body' (<body>...</body>) element van het HTML document. Je veroorzaakt fouten wanneer je de tag in een andere sectie plaatst. De bezoeker krijgt bijvoorbeeld foutmeldingen of zijn of haar mailprogramma wordt meteen geopend zonder dat je website ooit geladen wordt.
Advertentie

Waarschuwingen

  • In verband met spammen is het niet zonder risico om een e-mailadres op je website te zetten. Er zijn hopen personen die programmaatjes runnen om e-mailadressen te verzamelen speciaal voor junkmail. Iedereen die zijn of haar mailadres op een openbare website zet, moet dus spamfilters instellen of andere anti-spammaatregelen nemen om junkmail te beperken.
  • Controleer de naam van de ontvanger voordat je de e-mail stuurt.
  • Als gebruikers geen mailprogramma op hun computer hebben, kunnen ze je geen mail sturen.
Advertentie

Gerelateerde artikelen

Commentaar toevoegen aan HTML
XML bestanden openen
De broncode van een webpagina bekijken
De kleur van tekst in HTML veranderen
Spaties in HTML toevoegen
Een onschuldig virus creëren
De hex code van een kleur achterhalen op je computer
Programmeren in Python
Notepad gebruiken
Gegevens toevoegen aan een draaitabel in Excel
Programmeren in C
Een SQL Server database maken
Tekst centreren in HTML
Een HTML bestand omzetten naar Word
Advertentie

Bronnen

  1. http://www.zaposphere.com/html-email-links-code/

Over dit artikel

In andere talen
Deze pagina is 6.886 keer bekeken.

Was dit artikel nuttig?

Advertentie