- Home
-
-
-
-
- Présentation
- Le script minimum
- Ecrire en Javascript
- Les évènements
- Les variables
- Les opérateurs
- Les boites de message
- L'objet array
- Les conditions
- Les boucles
- Les fonctions
- GetElementById
- Les formulaires
- Les objets
- Le temps
- L'objet window
- L'objet navigator
- L'objet history
- L'objet string
- L'objet math
-
-
- Le référencement
- Les fichiers .htaccess
- L'URL Rewrite
- Scripts PHP
- Me contacter
- Quelques liens utiles
- Mon livre d'or
- 1 visiteur connecté!
Les tableaux
Les tableaux sont la chose la plus importante de la programmation. En effet, il est rare de trouver une page où il n'y en a pas un.<TABLE> ...</TABLE>:début et fin d'un tableau
<TR>...</TR>: début et fin de ligne
<TD>...</TD>: début et fin de cellule.
Exemple: on souhaite faire un tableau de deux lignes qui contiennent chacune deux cellules avec des nombres de un à quatre dans les cellules. Voici ce que l'on va taper:
<TABLE>
<TR><TD>1</TD><TD>2</TD></TR>
<TR><TD>3</TD><TD>4</TD></TR>
</TABLE>
<TABLE BORDER=x>:largeur de la bordure
Grâce à cette balise, il y a moyen de jouer avec la taille de la bordure du tableau
<TABLE cellpadding=x> : expace entre la bordure et le texte
Utiliser cette balise ou <BR> revient au même.
< TABLE cellspacing=x> : épaisseur du trait entre les cellules.
Cette balise n'est utile que si vous voulez faire de votre tableau une oeuvre d'art car, personnellement, je n'en vois pas fort l'utilité.
<TG BGCOLOR="#xxxxxx">: fond de couleur dans la cellule
Cette balise permet de mettre un fond de couleur dans la cellule. Evidemment, la couleur ne sera que dans la cellule où l'on a tapé la balise.
<th>:cette balise réprésente la ligne d'en-tête du tableau. Cette balise la mettra en gras.
Admettons maintenant que je souhaite avoir trois cellules de taille identique. Il faut alors taper ceci:
<TABLE><TR><TD width=33%> cellule 1
</TD><TD width=33%> case2</TD><TD width=34%>3</TD></TR></TABLE>
<TD width=?%
>: taille de la cellule (en %)
La somme des width doit être égale à 100
La largeur de la cellule peut aussi être indiquée en pixels. Dans ce cas-là, il suffit d'indiquer le nombre de pixels sans terminaison.<TD align=center/left/right>: alignement du texte de la cellule à droite/centre/gauche.
<TD valign=bottom/middle/top>: alignement du texte de la cellule en haut/en bas/au milieu.
<TD colspan=x>: fusionner des cellules horizontalement.
X repésente le nombre de cellules à fusionner horizontalement.
<TD colspan>:fusionner des cellules verticalement.
X représente le nombre de cellules à fusionner verticalement.
Exemple: on tape ceci:
<TABLE>
<TR><TD colspan=3> Liste des produits</TD></TR>
<TR><TD>Produit</TD><TD>code</TD><TD>prix</TD></TR>
<TR><TD>Produit 1</TD><TD>001234</TD><TD>50</TD></TR>
</TABLE>
Sauf mention contraire, le contenu de cette page est sous licence Creative Commons
Page générée en 0.4054 secondes.
Retour en haut de la page
Imprimer cette page