Les balises SPAN colorent les tableauxle petit webinard du html

Trois sortes de tableaux stylisés avec les balises SPAN

Ligne 1.................................................................................
Ligne 2..........
Ligne 3
Ligne 4........


Rangée 1....
Rangée 2..........
Rangée 3
Rangée 4........


Cellule 1 Cellule 2 Cellule 3 Cellule 4


Contrairement aux les balises DIV, il n'y a pas de saut de ligne automatique avec les balises SPAN, les lignes peuvent sortir du cadre du tableau. Et d'autre part, les tableaux sont collés l'un à l'autre. C'est à vous de mettre une balise <br> à l'extrémité d'une ligne avant qu'elle ne dépasse du cadre et entre les balises de fermeture </span> et d'ouverture <span> pour séparer les tableaux

code pour obtenir ces trois tableaux

<span style="border:solid 3px lightgreen; background:magenta; width:100%; display:block;"> <table width="100%" cellpadding="1" cellspacing="1" > <tr><td align="left">Ligne 1................................................................................ <tr><td align="left">Ligne 2..........</td></tr> <tr><td align="left">Ligne 3</td></tr> <tr><td align="left">Ligne 4........</td></tr> </table> </span>
<span style="border:solid 3px magenta; background:lightgreen; width:40%; display:block;"> <table border ="1" width="100%" cellpadding="1" cellspacing="1" > <tr><td align="left">Rangée 1....</td></tr> <tr><td align="left">Rangée 2..........</td></tr> <tr><td align="left">Rangée 3</td></tr> <tr><td align="left">Rangée 4........</td></tr> </table> </span>
<span style="border:solid 3px lightgreen; background:magenta; width:345px; display:block;"><table border ="1" width="100%" cellpadding="1" cellspacing="1" > <tr><td align="left">Cellule 1</td> <td align="left">Cellule 2</td> <td align="left">Cellule 3</td> <td align="left">Cellule 4</td></tr> </table></span>


Un formulaire de contact coloré