Écris-moi, appelle-moi

🎯 Objectif

Créer un lien qui ouvre un e-mail et un lien qui lance un appel, avec mailto: et tel:.

📖 Exemple

Le ciné-club du village veut qu'on puisse le joindre en un clic — le code, et ce que le navigateur en fait :

<p>Réservations : <a href="mailto:billets@example.com">billets@example.com</a></p>
<p>Caisse : <a href="tel:+41320000099">032 000 00 99</a></p>

Un href ne mène pas toujours à une page. Son début dit au navigateur quoi faire :

• mailto: ouvre la messagerie du visiteur, adresse déjà remplie
• tel: propose d'appeler le numéro, surtout utile sur un téléphone

Les deux-points font partie du lien, comme dans https:. Tout ce qui suit s'y colle : pas de //, pas d'espace.

Le numéro a deux écritures. Dans le href, il est au format international : +41 remplace le 0 du début, sans espaces. Dans le texte du lien, il reste lisible, comme on le dit à voix haute.

Le texte du lien montre l'adresse et le numéro. Sur un ordinateur sans messagerie configurée, le clic peut ne rien ouvrir : le visiteur doit pouvoir les recopier. Un simple « Contacte-nous » ne l'aiderait pas.

🔒 Tout le monde peut lire ton site, y compris les robots qui collectent les adresses. N'y mets pas ton numéro personnel. Pour l'e-mail, crée un alias : une adresse qui transfère les messages vers ta boîte, et que tu peux désactiver en cas de spam. Proton Pass t'en propose.

📝 Consigne

La page de contact du FC Courtételle attend ses deux liens. Sous le texte, ajoute un paragraphe par lien :

1. Le texte E-mail :, suivi d'un lien vers l'adresse secretariat@example.com. Le lien affiche cette adresse.
2. Le texte Téléphone :, suivi d'un lien vers le numéro 032 000 00 11. Le lien affiche ce numéro, tel quel.