Balise HTML `<blockquote>`

La balise <blockquote> est utilisée pour définir des citations longues à l'intérieur du document. Les navigateurs indenteront généralement les éléments <blockquote>.

Une URL pour la source de la citation peut être indiquée avec l'attribut cite, tandis qu'un affichage textuel de la source peut être fourni avec l'élément <cite>.

Il s'agit d'un élément de niveau bloc et peut inclure des balises de mise en forme du texte.

La balise <blockquote> est placée à l'intérieur de la balise <body>.

Vous pouvez utiliser les propriétés margin-right et/ou margin-left, ou la propriété raccourcie margin pour modifier l'indentation appliquée au texte cité.

TIP

Pour les citations courtes dans un document, utilisez la balise <q>.

Syntaxe

La balise <blockquote> s'utilise par paire. Le contenu est écrit entre les balises d'ouverture (<blockquote>) et de fermeture (</blockquote>).

Exemple de la balise HTML `<blockquote>` :

Balise HTML <blockquote>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
  </body>
</html>

Try it Yourself »

Résultat

blockquote exemple

Exemple de la balise HTML `<blockquote>` utilisée avec la balise `<q>` :

Exemple de la balise HTML <blockquote> avec la balise HTML <q>

html

<!DOCTYPE html>
<html>
  <head>
    <title>Title of the document</title>
  </head>
  <body>
    <p> A quote from the Cheshire Cat, in the popular children's book, Alice In Wonderland, written by Lewis Carroll</p>
    <blockquote cite="https://en.wikipedia.org/wiki/Alice%27s_Adventures_in_Wonderland">
      I'm not crazy, my reality is just different than yours. 
    </blockquote>
    <q cite="https://www.wikiquote.org/">He who can, does, he who cannot, teaches.</q>
  </body>
</html>

Try it Yourself »

Attributs

Attribut	Valeur	Description
cite	URL	Spécifie la source de la citation. La valeur peut être une URL relative ou absolue.

La balise <blockquote> prend également en charge les Attributs globaux et les Attributs d'événement.

Comment styliser une balise HTML <blockquote>

json

{
    "tag_name": "blockquote"
}

Pratique

Quel est l'objectif et l'utilisation de la balise HTML <blockquote> ?

Elle est utilisée pour créer une section mise en avant dans un document HTML.Elle est utilisée pour créer des listes ordonnées dans des documents HTML.La balise <blockquote> est utilisée pour intégrer une application externe ou du contenu interactif dans un document HTML.Elle est utilisée pour indiquer des sections citées provenant d'une autre source dans un document HTML.La balise <blockquote> est utilisée pour indiquer une section citée d'une autre source dans un document HTML, en englobant le texte cité.

Balise HTML <blockquote> ​

Syntaxe ​

Exemple de la balise HTML <blockquote> : ​

Résultat ​

Exemple de la balise HTML <blockquote> utilisée avec la balise <q> : ​

Attributs ​