Créer un tableau dans un article sur Blogger Blogspot

Créer un tableau dans un article sur Blogger est une fonction qui fait cruellement défaut.

Perso, je ne comprend pas tous les grands éditeurs de blogs possèdent cette fonction mais Google ne semble pas trouver ça important.

Rassurez-vous, il y a plusieurs façons de contourner cela.

Et, une fois que vous maîtrisez, il est possible d'améliorer un peu plus: Ajouter ou non des bordures, choisir la largeur des colonnes, fusionner des cellules...

Dans cet article je vous explique 3 façons de créer un tableau très basique dans un article sur Blogspot.

Dans un article précédant, j'expliquais  en détail les codes des balises HTML qui permettent d'améliorer la présentation du tableau.

1. Créer un tableau dans un autre programme et l'importer dans Blogger:

1. Créez votre tableau dans un traitement de texte (MS Word, LibreOffice Writer...) ou un tableur (MS Excel, LibreOffice Calc...)
2. Sélectionnez le tableau 
3. Copiez le tableau (CTRL+INS ou CTRL+C)
4. Collez le tableau dans votre article en mode Rédiger (SHIFT+INS ou CTRL+V)

Voilà, votre tableau devrait être recopié dans votre article de façon présentable sur blogspot, la largueur des colonnes s'ajustant automatiquement au contenu.

2. Utiliser un générateur de tableau en ligne:

1. Allez sur HTML table generator
2. Choisissez le nombre de rangs (Rows) et de lignes (Cols)
3. Cliquez sur Generate
4. Vous pouvez même déjà taper le contenu du tableau dans les cellules 
   
5. Copiez le code obtenu et collez le dans dans votre article en mode HTML

Il y a de nombreux générateurs de tableaux sur le net mais celui-ci est archi-simple à utiliser.

3. Créer un tableau sur Blogger en mode HTML:

1. Dans votre article, passez en mode HTML
2. Insérez le code suivant à l'endroit où vous souhaitez positionner le tableau
   
   <table border="1">
   <tr>
   <th>Titre</th><th>Titre</th>
   </tr>
   <tr>
   <td>Cellule</td><td>Cellule</td>
   </tr>
   <tr>
   <td>Cellule</td><td>Cellule</td>
   </tr>
   </table>
3. Repassez en mode Rédiger, voici à quoi ressemble le tableau:

Titre	Titre
Cellule	Cellule
Cellule	Cellule

 

<table border="1"> met un bord autour de toutes les cellules

<th> est une cellule de titre

<td> est une cellule de tableau

Si vous voulez rajouter une ligne, ajouter le bloc<tr>
<td>Cellule</td><td>Cellule</td>
</tr>

avant la balise </table>.

Si vous voulez ajouter une colonne, ajouter <td>Cellule</td> à la fin de chaque ligne.

Vous pouvez maintenant remplacer le contenu des cellules par votre texte en mode Rédiger.