Balise HTML <blockquote> - Tutoriel

Introduction

La balise HTML <blockquote> est utilisée pour formater les citations longues dans une page web. Ce tutoriel explore comment utiliser cette balise pour encadrer et styliser des blocs de citations.

Exemples

Exemple 1 : Utilisation de la Balise <blockquote>

La balise <blockquote> encadre une citation longue :

<blockquote>
            <p>La vie n'est pas d'attendre que l'orage passe, mais d'apprendre à danser sous la pluie.</p>
            <cite>Auteur Inconnu</cite>
        </blockquote>

Exercices avec Corrections

Exercice 1 : Ajouter une Citation avec Auteur

Utilisez la balise <blockquote> pour encadrer une citation avec le nom de l'auteur :

<blockquote>
            <p>La créativité est contagieuse, faites-la passer.</p>
            <cite>Albert Einstein</cite>
        </blockquote>

Questions à Choix Multiple (QCM)

1. Quelle est la fonction principale de la balise <blockquote>?
   • A. Mettre en italique le texte.
   • B. Formater les citations longues.
   • C. Ajouter une bordure au texte.

   Réponse correcte : B

Questions & Réponses

Question : Peut-on utiliser <blockquote> pour les citations courtes?

Réponse : Oui, bien que la balise <blockquote> soit souvent utilisée pour les citations longues, elle peut également être utilisée pour encadrer des citations courtes.

Études de Cas

Cas d'utilisation : Citations dans un Article

Utilisez <blockquote> pour encadrer des citations dans un article :

<article>
            <h2>Les Avancées Technologiques</h2>
            <blockquote>
                <p>La technologie ne cesse de nous surprendre par ses innovations constantes.</p>
                <cite>Expert en Technologie</cite>
            </blockquote>
            <p>L'article continue ici...</p>
        </article>

Éléments à Retenir

• La balise <blockquote> est utilisée pour encadrer les citations longues dans une page web.
• Elle peut contenir du texte, des balises de paragraphe, et même d'autres balises HTML.
• La balise <cite> peut être utilisée à l'intérieur de <blockquote> pour spécifier l'auteur de la citation.

Proposition d'un Examen avec Correction

1. Quelle est la fonction principale de la balise <blockquote>?
   • A. Mettre en italique le texte.
   • B. Formater les citations longues.
   • C. Ajouter une bordure au texte.

   Correction : B