[HTML] Les tableaux

Hello,

Nous allons apprendre les basses du tableau HTML. ( C'est mon première tuto en programmation )

I - Tableau simple

Nous allons commence par créer un tableaux simple, avec 3 colonnes et 2 lignes :

colonne 1	colonne 2	colonne 3
colonne 4	colonne 5	colonne 6

Code:



[table border="1"][tr][td] colonne 1[/td][td]colonne 2[/td][td]colonne 3[/td][/tr][tr][td]colonne 4[/td][td]colonne 5[/td][td]colonne 6[/td][/tr][/table]


Explication :
< table >: Cela veut dire tableaux.
< table border="1" >: Border="1" est l'épaisseur de la bordure du tableau, souvent en pixel si on met Border="2" qui donnera :

Exemple de bordure avec border="2"

Exemple de bordure avec border="5"

< tr > : Les < tr >, ce sont les ligne du tableaux.
< td > : Les colonnes du tableaux.

Nous avons déjà la base du tableaux, il ne faut surtout pas oublier de fermé les colonne et tableaux.
A chaque, faite < table border="2" >< tr >< td >votre texte< /td> < /tr > < /table >
Le flash " / " permet de faire le tableaux, sinon sa me marche pas.

Autre option pour le < table >, tout ceci est bien, mais le tableaux n'est flexible a la page web.
Choses très facile à faire.

colonne 1	colonne 2	colonne 3
colonne 4	colonne 5	colonne 6

Code:



[table border="1" width="100%"][tr][td] colonne 1[/td][td]colonne 2[/td][td]colonne 3[/td][/tr][tr][td]colonne 4[/td][td]colonne 5[/td][td]colonne 6[/td][/tr][/table]



Voyons de nouveau le code, on voit un < table border="1" width="100%" >. Width="100%" mais c'est quoi sa ?
Width="100%" : C'est las largeur du tableaux, en pourcentage " % " ou en pixel " px ".
Quelques exemple :

Exemple avec width="50%"

Exemple avec width="500px" ( pixel )

Exemple avec width="10px" ( pixel )

---

II - Les bordure du tableau

2eme partie du tuto, nous allons voir comment faire pour modifier, changez la couleur des bordure.