Comment créer son propre blog: choisir un hébergeur, choisir le nom, écrire son premier article...

mardi 28 janvier 2014

Créer un tableau dans Blogger

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

Perso, je pige 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 de fignoler 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 suivant, j'expliquerai plus en détail les codes 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, 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 nombreaux générateurs de tableaux sur le net mais celui-ci est archi-simple à utiliser.

3. Créer un tableau dans 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:
  4. TitreTitre
    CelluleCellule
    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.