Balise HTML <address> - Tutoriel

Introduction

La balise HTML <address> est utilisée pour encadrer les informations de contact, telles que l'adresse postale, l'adresse électronique ou le numéro de téléphone, dans une page web. Ce tutoriel explore comment utiliser cette balise pour structurer les détails de contact.

Exemples

Exemple 1 : Utilisation de la Balise <address>

La balise <address> peut encadrer différentes informations de contact :

<address>
            <p>Nom de l'Entreprise</p>
            <p>123 Rue de la Liberté<br>Ville, Code Postal</p>
            <p>Email : <a href="mailto:contact@entreprise.com">contact@entreprise.com</a></p>
            <p>Téléphone : +33 01 23 45 67 89</p>
        </address>

Exercices avec Corrections

Exercice 1 : Inclure des Informations de Contact

Utilisez la balise <address> pour encadrer des informations de contact :

<address>
            <p>Nom de l'Entreprise</p>
            <p>456 Avenue du Soleil<br>Ville, Code Postal</p>
            <p>Email : <a href="mailto:info@entreprise.com">info@entreprise.com</a></p>
            <p>Téléphone : +33 01 98 76 54 32</p>
        </address>

Questions à Choix Multiple (QCM)

1. Quelle est la fonction principale de la balise <address>?
   • A. Mettre en italique le texte.
   • B. Structurer les informations de contact.
   • C. Ajouter une bordure au texte.

   Réponse correcte : B

Questions & Réponses

Question : Peut-on inclure des liens dans la balise <address>?

Réponse : Oui, vous pouvez inclure des liens, comme des liens e-mail, à l'intérieur de la balise <address> pour rendre les informations de contact cliquables.

Études de Cas

Cas d'utilisation : Page de Contact

Utilisez <address> sur une page de contact pour structurer les informations de contact :

<section>
            <h2>Contactez-nous</h2>
            <address>
                <p>Nom de l'Entreprise</p>
                <p>789 Boulevard des Services<br>Ville, Code Postal</p>
                <p>Email : <a href="mailto:contact@entreprise.fr">contact@entreprise.fr</a></p>
                <p>Téléphone : +33 01 34 56 78 90</p>
            </address>
        </section>

Éléments à Retenir

• La balise <address> est utilisée pour structurer les informations de contact dans une page web.
• Elle peut contenir des paragraphes, des liens, et d'autres balises HTML pour détailler les informations.
• Il est recommandé d'utiliser cette balise dans le contexte approprié, par exemple, sur une page de contact.

Proposition d'un Examen avec Correction

1. Quelle est la fonction principale de la balise <address>?
   • A. Mettre en italique le texte.
   • B. Structurer les informations de contact.
   • C. Ajouter une bordure au texte.

   Correction : B