pseudo-code HTML
################

.. code-block:: none

   (nav)
      (h2)
      (ul)
         (li)
            (a)
   (section)
      (h1)
      (div)
         (p)
   (nav)
      (h2)
      (ul)
         (li)
            (a)
               (h3)
               (img)

version commentée :
*******************

.. code-block:: none

   (nav) mon menu est une liste de lien servant à naviguer : <nav>
      (h2) nav est un élément sectionnant : je lui met un titre
      (ul) c'est une liste de liens non ordonnées : <ul>
         (li) la liste va contenir des éléments (list items) : <li>
            (a) ce sont des liens au final : <a> !
   (section) ma description est une section
      (h1) section, dont titre : ici on met h1 en pensant mettre ici le titre le plus important
      (div) pas obligatoire mais si on a plusieurs paragraphes, va faciliter la mise en page
         (p) des paragraphes de texte
   (nav) ma liste de projets est une liste de liens : <nav>
      (h2) nav est un élément sectionnant : je lui met un titre
      (ul) c'est une liste de liens non ordonnées : <ul>
         (li) la liste va contenir des éléments (list items) : <li>
            (a) ce sont des liens au final : <a> !
               (h3) je peux leur mettre un titre : il s'agit de titres !
               (img) et je met une image, au même niveau