Les tableaux
Il est possible que vous soyez ammenés à mettre un tableau sur votre site web.Les tableaux sont assés pratiques et permettent de créer une certaine
organisation sur votre site.
ils sont facile à mettre en place et permettre d'ajouter des données très facilement.
Le tableau est introduit sur une page avec la balise < table > et sonr fermés par < /table>
Voici comment créer un tableaux:
< table border="1" bgcolor="orange" widht="50%" >
< td >1re information< td > 2éme information < td >3eme information< tr >
< td >valeur2 < td >valeur2 < td >valeur3< tr >
< /table >
|
Ce qui donne pour résultats:
1re information | 2éme information | 3eme information |
valeur2 | valeur2 | valeur3 |
|
Explication du code:
la balise < table >permet d'introduire un tableau sur votre page web, il est fermer par < /table >.
la balise < td > permet d'introduire dans votre tableau une nouvelle cellule, dans cette cellules vous pourrez ecrire votre premiere donné .
IMPORTANT: La présence d'un tableau néccecite une balise < td > pour écrire dans le tableaux sinon rien ne cera écrit dans
le tableau.
la balise < tr >permet de dire au tableau qu'une nouvelle ligne de donnés démare et donc qu'il faut eérire la suite --> dans une nouvelle ligne
la balise < width="70%" > permet de dire au tableau que celui-ci occupe 70% de l'écran de large. l'unité peut aussi bien aller de 1% à 100% ,l'unité
peut être en pixel ce qui donne < width="70" >.
la balise < bgcolor="pink" > dit au tableau que la couleur du fond d'"cran du tableau cera "pink",peut etre remplacé par
< table background="image.gif" > qui signifie :" mettre en image de fond "image avec l'extension GIF.(mais aussi peut etre image.gif ,image.jpg ,image.bmp)
Bien sur il est possible d'inserer une image dans un tableau,pour cela le code cera :< td >< img src="monimage.extension" >< td >
Si nous voulons donner un petit côté "original" a notre tableau on peut aussi lui donner différentes couleurs
de fond,de text,de le centrer ou alors de le mettre sur le côté,etc...
ex:
| Salut |  | |
|
| salut |
Pour ce faire, nous avons utilisés ,pour ce faire, les balises:
< td bgcolor="red" text="black" > qui va donner comme information : je veux la cellue en rouge
et le text en noir.
< td align="left|center|right" > ou < table align="left[center|right" > qui va donner
comme ordre au tableau ou a la cellule :je veux que tu t'aligne à gauche|center|droite.
< td widht="25%" > ou < td widht="25" > ordonne à la cellule de mesurer 25% de l'ecran, ou du tableau, ou alors de me
surer 25 px(pixel).
|