Balise HTML <q> - Tutoriel

Introduction

La balise HTML <q> est utilisée pour marquer les courtes citations dans une page web. Ce tutoriel explore comment utiliser cette balise pour inclure des citations au sein du texte de manière formatée.

Exemples

Exemple 1 : Utilisation de la Balise <q>

La balise <q> encadre une courte citation :

<p>Il a dit : <q>La vie est une aventure audacieuse ou rien du tout.</q></p>

Exercices avec Corrections

Exercice 1 : Inclure une Courte Citation

Utilisez la balise <q> pour inclure une courte citation dans une phrase :

<p>Elle a répondu avec un sourire : <q>La simplicité est la clé de l'élégance.</q></p>

Questions à Choix Multiple (QCM)

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

   Réponse correcte : B

Questions & Réponses

Question : Puis-je utiliser <q> pour des citations plus longues?

Réponse : La balise <q> est généralement utilisée pour des citations courtes. Pour des citations plus longues, la balise <blockquote> est souvent préférée.

Études de Cas

Cas d'utilisation : Citations dans un Article

Utilisez <q> pour marquer des citations courtes au sein d'un article :

<article>
            <h2>Les Mots Inspirants</h2>
            <p>Dans son discours, le leader a partagé une citation mémorable : <q>Le succès n'est pas la clé du bonheur. Le bonheur est la clé du succès. Si vous aimez ce que vous faites, vous réussirez.</q></p>
            <p>L'article continue ici...</p>
        </article>

Éléments à Retenir

• La balise <q> est utilisée pour marquer les courtes citations dans une page web.
• Elle est généralement utilisée pour des citations qui peuvent être intégrées directement dans le texte.
• La balise <q> ne doit pas être utilisée pour des citations plus longues, pour cela, la balise <blockquote> est plus appropriée.

Proposition d'un Examen avec Correction

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

   Correction : B