home.md

@@ -208,6 +208,34 @@ Certaines emoji **parlent d'elles-mêmes** et servent à attirer l'attention :
 
 Si vous voulez en faire un usage plus large, prenez la peine de les expliquer : par exemple j'utilise :snake: et :chart_with_upwards_trend: pour distinguer dans mon Atelier Python ce qui relève de Python en général ( :snake:) et ce qui est spécifique à matplotlib (:chart_with_upwards_trend:). Sans explication, ça n'est pas évident, mais ensuite cela aide à se repérer.
 
+### Insérer des tableaux et des images
+
+#### les Tableaux (selon les 2 éditeurs)
+
+[un bon tutio de w3c school](https://www.w3schools.io/file/markdown-table/)
+
+L'éditeur de base utilise une syntaxe basique mais efficace, avec des | pour marquer les verticales et === pour séparer le header.
+C'est gérable pour des petits tableaux.
+A noter que l'on peut choisir l'alignement.
+Les tableaux supportent les styles (gras, italique, code, citation...) et on peut y mettre des images (toujours via un lien)
+
+`| header col 1 | header col 2| header col 3| header col 4|`
+`| :------ | :------: |------: |------ |`
+`| **en gras**| _en italique_ | `du code` | un [lien](tests) |`
+`| pipe échappé |  `|`|  | | \| |`
+
+| header col 1 | header col 2| header col 3| header col 4|
+| :------ | :------: |------: |------ |
+| **en gras**| _en italique_ | `du code` | un [lien](tests) |
+| pipe échappé |  `|`|  | | \| |
+
+
+Cas particulier si on veut intégrer le symbole | ("pipe") dans un tableau dont il est le séparateur : utiliser son code  `|` 
+
+#### les images (selon les 2 éditeurs)
+
+
+
 ###  Structurer le wiki
 Certains auteurs recommandent de tout mettre dans une page, ce qui facilite l'édition d'une table des matières et la conversion en PDF.
 La plupart utilisent une structuration en plusieurs pages, avec une navigation facilitée par la "sidebar". Pour le rédacteur, c'est une solution plus facile également.