Sommaire

Les Citationcitations

Les blocs de citation permettent d’afficher un texte extrait d’une source externe. C’est l’élément <blockquote> qui est utilisé. L’élément <blockquote> sert de conteneur à d’autres éléments qui peuvent être de tout type : titre, paragraphe, image…

Voici les propriétés d’affichage par défaut des citations :

blockquote { 
     display : block ; 
     margin-top: 1em; 
     margin-bottom: 1em; 
     margin-left: 40px; 
     margin-right: 40px; 
}

Voici un exemple simple :

<!doctype html> 
<html lang="fr"> 
   <head> 
       <meta charset="UTF-8"> 
       <title>Ma page web</title> 
   </head> 
   <body> 
       <h1>Inceptos Consectetur Tristique Bibendum</h1> 
       <p>Morbi leo risus, porta ac consectetur...</p> 
       <blockquote> 
           <h2>Fusce Mattis Ligula Etiam</h2> 
           <p>Nullam id dolor id nibh...</p> 
           <img src="gutenberg.jpg" alt="Gutenberg" />  ...