Un paragraphe (du grec paragraphos, “annoter” ) est une section de texte dévelopant une idée ou un point particulier. Un paragraphe est consistué d'une ou plusieurs phrases. Même s'il n'est pas requis par les règles de syntaxe, il permet d'organiser une longue prose.

L'élément HTML blockquote (qui signifie bloc de citation) indique que le texte contenu dans l'élément est une citation longue. Le texte est généralement affiché avec une indentation. Une URL indiquant la source de la citation peut être donnée grâce à l'attribut cite tandis qu'un texte représentant la source peut être donné via l'élément cite.

MDN Web Docs.

Pour une citation courte, on utilisera plutôt <q>. La plupart des navigateurs modernes entourent le texte de cet élément avec des marques de citation..

dl : Liste de définitions

dt : Terme à définir

dd : Description, définition ou valeur du terme.

ol : Listes ordonnées imbriquée

1. li : Item 1
2. Item 2
   1. Item 1
   2. Item 2
      1. Item 1
      2. Item 2
         1. Item 1
         2. Item 2
            1. Item 1
            2. Item 2
            3. Item 3
         3. Item 3
      3. Item 3
   3. Item 3
3. Item 3

ul : Listes à puces (non ordonnée) imbriquées

• Item 1
• Item 2
  • Item 1
  • Item 2
    • Item 1
    • Item 2
      • Item 1
      • Item 2
        • Item 1
        • Item 2
        • Item 3
      • Item 3
    • Item 3
  • Item 3
• Item 3

menu : Liste d'éléments intéractifs

• li : Item 1
• Item 2
• Item 3

Nous allons maintenant changer de thématique et utiliser un hr

---

kbd : Saisie clavier: Cmd

code : Code en ligne: <div>code</div>

samp : Échantillon de sortie: Hello World!

pre : Texte préformaté

  .-"""-.
 /      o\
|    o   0).-.
|       .-;(_/     .-.
 \     /  /)).---._|  `\   ,
  '.  '  /((       `'-./ _/|
    \  .'  )        .-.;`  /
     '.             |  `\-'
       '._        -'    /
          ``""--`------`
              

a : Ceci est un lien hypertexte.

abbr : HTML est une abbréviation.

b : Un texte qui attire l'attention sans pour autant avoir de l'importance.

bdi : نص ثنائي الاتجاه معزول.

bdo : Un texte dont on force la direction.

br : Crée un saut
de ligne.

cite : Retrouvez plus d'explications sur les balises HTML5 dans l'article à ce sujet La base du langage HTML : structure d’une page web.

data : La couleur Rouge et sa valeur interprétable par un ordinateur.

del + ins :Ce texte a été supprimé et ce texte a été ajouté en novembre 2022.

dfn : La balise dfn indique le terme défini dans le plus proche ancêtre.

em : Un texte sur lequel on veut insiter.

i : Un texte qui se différencie du reste du contenu.

mark : La balise HTML5 mark souligne la pertinence dans le contexte.

ruby + rp + rt : 夢 (Yume).

s : Ce texte n'est plus pertinent.

small : Généralement utilisé pour les notes de bas de page ou un commentaire.

span : Un contenuer générique en ligne utile pour apppliquer du style CSS

strong : Un texte important.

sub : Indice H₂O.

sup : Exposant E=MC².

time : Mon anniversaire est le 29 décembre et sa traduction en langage machine.

u : Une annotation non textuele par exemple pour les fautes d'orthographe.

var : Les variables ont aussi leur balise : y = 2x.

wbr : Indique où faire un saut de ligne si nécessaire. azertyuiopqsdfghjklmwxcvbnAZERTYUIOPQSDFGHJKLMWXCVBN

Vous ne le voyez pas mais il y a un commentaire au-dessus de ce paragraphe.

img : Une simple image

figure: illustration autonome, ici une image

picture : pour définir plusieurs source pour une image (modifiez la taille de la fenêtre)

video + source + track