Créer un Blog avec Blogger

Créer un tableau

Le plus simple et plus rapide est de créer votre tableau en ligne, de nombreux sites web le permettent : 

TABLEAU CLASSIQUE

 -http://www.textfixer.com/html/html-table-generator.php
-http://www.quackit.com/html/html_table_generator.cfm
-http://www.html.am/html-generators/html-table-generator.cfm
-http://labs.zenlib.com/html-table-generator
-http://www.tablesgenerator.com/html_tables

puis  récupérer le code hml
et le coller dans votre article, en mode html, pour obtenir  ceci :


Header 1Header 2Header 3Header 4Header 5
Row:1 Cell:1Row:1 Cell:2Row:1 Cell:3Row:1 Cell:4Row:1 Cell:5
Row:2 Cell:1Row:2 Cell:2Row:2 Cell:3Row:2 Cell:4Row:2 Cell:5
Row:3 Cell:1Row:3 Cell:2Row:3 Cell:3Row:3 Cell:4Row:3 Cell:5
Row:4 Cell:1Row:4 Cell:2Row:4 Cell:3Row:4 Cell:4Row:4 Cell:5
Row:5 Cell:1Row:5 Cell:2Row:5 Cell:3Row:5 Cell:4Row:5 Cell:5
Row:6 Cell:1Row:6 Cell:2Row:6 Cell:3Row:6 Cell:4Row:6 Cell:5

Ensuite, en mode "Rédiger" vous pourrez changer le contenu des cellules.

Vous pouvez aussi utiliser un logiciel éditeur HTML  (Nvu ou Kompozer) pour éditer votre tableau



INSERER DES IMAGES/PHOTOS sur une même ligne (ou les unes en dessous des autres)

Il faut utiliser un tableau et remplacer le texte par votre image

D'abord insérer un tableau sur fond blanc et sans bordure, avec des cellules disposées comme vous le souhaitez pour positionner vos images,


 Pour obtenir ici un tableau de 4 cellules disposées ainsi:
Table CellTable Cell
Table CellTable Cell

  •  en utilisant, en mode HTML,  ce code modifiable  qui correspond  à 3 rangées de 2 cellules
<table><tbody>
<tr><td> A
</td><td>B
</td></tr>
<tr><td>C
</td><td>D
</td></tr>
<tr><td>E
</td><td>F
</td></tr>
</tbody></table>
ce qui donne 
 A B
C D
E F



  •  Puis à la place du texte qui apparait, ici, "table cell" insérer votre image de manière classique dans chaque cellule pour obtenir:
 









Pour mieux comprendre le code html :
  • Tableau de base
 <TABLE>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>

  •  vous pouvez préciser des éléments modifiables 
    • Bordure de cadre     [Border]     <TABLE border=?></TABLE>
    • L'espace entre les cellules ou épaisseur des lignes du quadrillage          
                                                                                              <TABLE cellspacing=?>
    • L'enrobage des cellules ou espace entre le bord et le contenu   
                                                                               <TABLE cellpadding=?>
    • largeur de la table         <TABLE width=?>             
    • Couleur:
      • Fond et quadrillage : <table border bgcolor="yellow" bordercolor="green" >
      • Ombrages : <table border bodercolordark="green" bordercolorlight="yellow" >
 Qu'il faudra indiquer ainsi dans le code Html, première ligne
 

<TABLE border=2 cellpadding=10>
 


COMPLEMENTS :
http://www.lehtml.com/html/tableaux.htm
http://cyberzoide.developpez.com/html/table.php3
http://chatinais.pagesperso-orange.fr/courhtml/tableau/framcoul.htm