Quel code html permet de faire sa ...

Je sais que les tableaux sont fait pour faire des tableaux (étonnant non ^^), mais dans ce cas là précis, les différentes lignes et colonnes étant parfaitement alignées, utiliser un tableau ne me semble pas être un blasphème et s'avèrerait très intuitif et très facile de construction.

Tout est bien aligné parce que les images font la même taille.
Dans le cas contraire, on pourrait utiliser la solution du inline-block pour préciser une largeur (possible seulement avec les block) sans retour à la ligne après chaque élément (inline).

Je préfère ça :

<ul>
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>

    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
</ul>

Plutôt que :

<table>
    <tr>
        <td>...</td>
        <td>...</td>
        <td>...</td>
        <td>...</td>
    </tr>

    <tr>
        <td>...</td>
        <td>...</td>
        <td>...</td>
        <td>...</td>
    </tr>
</table>

Sachant que le résultat est le même et qu'il n'y a pas ambiguïté avec la sémantique.
De plus, l'usage de <ul> me paraît plus justifié que <table> car justement il s'agit d'une liste.

Merci énormément à vous deux !! Et quel rapiditer ! Merci beacoup avion-f16 et Meoran !!!
:)

Le positionnement est plus simple pour un débutant avec un tableau même s'il est moins respectueux des normes web actuelles vu qu'il n'y aura rien à faire avec un tableau que remplir les"cases" contrairement au listes qui nécessitent du positionnement en CSS.

Et c'est ainsi qu'on prend de mauvaises habitudes et qu'on les utilisera partout.