pseudo-code HTML

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

version commentée :

(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