Webarck
Accueil
Nos Tuto
Le Forum
Le Chat IRC
Nos Kits Grafik :)
Les Liens
Les Bon Telechargement !
Contactez nous !
Foire aux Question
  • HTML ->- La balise <Table>

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> sans rien.

<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>
</TR>
</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>


<TD>L'espace entre les</TD> <TD>cellules est de 10 pixels</TD>
</TR>
</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

© CopyRight [2004-2005] Groupe Arck -- Arck Apocalypse -- Colombine©
Valid HTML 4.01!
web webarck aide webmastering web webmistresse help htlm php javascript java kit grafique ordinateur assistance tuto tutorial tutoriaux w3c consortium gratuit fantasya idealirc irc chat forum pc internet page htm language cob|X|80 cobrax telechargement lien partenaria patenaire baliste < >couleur hexadecimal simple code banniere bannieres canal tchat dreamweaver astuce astuces psp paint shop pro 7 8 9 psp8 psp9 psp7 adobe photoshop atelier colombine arck info informatique aide cree html cour apprendre assistance crea creation grafik graphique pdf allopass