La balise <TABLE>
<!-- Attention tous les textes qui seront sous cette forme seront des commentaires, comme vous pouvez utiliser cette commande dans vos pages-->
Tout ce qui sera dans un tableau est écris dans la source (bloc-notes,
Vi) entre les deux balises <TABLE> et </TABLE>. Le marqueur
<TABLE> est extensible.
Pour obtenir une bordure tapez tout simplement <TABLE BORDER="la
taille de la bordure désirée">, pour ne pas avoir
de bordure il suffit de laisser <TABLE> vide.
<TABLE> a d'autres extensions, par exemple une qui permet de choisir
la largeur du tableau avec WIDTH :
<TABLE WIDTH="un nombre ou un pourcentage qui sera la
largeur">.
Exemple :
| <TABLE BORDER="1" WIDTH="500"> <TR> <TD>Tableau de largeur 500 pixels</TD> </TR> </TABLE> |
<!-- Attention, si vous ne mettez pas WIDTH, votre tableau s'adaptera a la taille du texte qui est a l'interieur-->
Ajouter une colonne
Pour découper cette ligne en colonnes c'est <TD> et </TD>
Exemple
<TABLE BORDER="1"><TR>
| <TD>Colonne 1 de la ligne 1</TD> | <TD>Colonne 2 de la ligne 1</TD> |
</TABLE>
<!--A l'intérieur de <TD> et </TD>, on peut mettre du texte, des marqueurs de mise en forme (<B>, <I>), des liens, des images, du Java Script, d'autres tableaux, ... En fait on peut tout mettre !-->
Mettre une image d'arrière plan
Tout comme pour la couleur de fond, c'est la même extension que
pour <BODY>.
C'est donc <TABLE BACKGROUND="adresse_de_l'image">.
Exemple
<TABLE BACKGROUND="images/tulipes.jpeg">
<TR>
<TD>tulipes rouges</TD>
</TR>
</TABLE>
<!--Attention pas d'aide visuelle pour cet exemple, due au manque d'une image de tulipe ;)-->
Changer l'espace entre les cellules
Changer l'espace entre plusieurs cellules est une extension de <TABLE>.
C'est <TABLE CELLSPACING="nombre de pixels">.
Exemple :
<TABLE BORDER="2" cellspacing=20 bordercolor="#000000">
<TR>
</TR>
<TD>L'espace entre les</TD>
<TD>cellules est de 10 pixels</TD>
</TABLE>
Changer le retrait du contenu d'une cellule par rapport à sa bordure
La aussi c'est une extension de <TABLE>.
C'est <TABLE CELLPADDING="nombre de pixels">.
Exemple
<TABLE BORDER="1" CELLPADDING=20>
<TR>
<TD>L'espace entre la bordure</TD>
<TD>et les cellules est de 10 pixels</TD>
</TR>
</TABLE>
Imprimer l'article |
Redaction : Colombine |
| Source : http://www.webarck.com/ |