INSERER UN TABLEAU

Le tableau est l'un des outils créatifs le plus puissant de la conception de pages Web, car il vous permet de placer du texte et des images sur plusieurs colonnes et lignes. Vous pouvez, par exemple, présenter votre page Web en simulant une frame.

Le tableau est une clé essentiel de présentation. En effet si vous regarder un magazine, un journal, … Imager des encadrements et vous constaterez que toutes les présentations font appelles à la technique des tableaux. C'est sur cette technique que repose l'effet attractif de votre page Web. L'avantage du tableau est que vous pouvez insérer un tableau dans un tableau ce qui vous ouvre de grande possibilité dans la création de votre page Web. Cette technique vous permettra toutes les fantaisies possibles, sa richesse dépendra de votre imagination.

L'exemple suivant n'est pas destiné à être attractif, il va juste vous donner un aperçu de cette technique.

Avec les bordures pour la construction de la page
 

    Bienvenue dans ma page Web
Ma Page        
Mes Liens     Vous êtes le 00138e Visiteur  
Email        

Sans les bordures :

    Bienvenue dans ma page Web
Ma Page        
Mes Liens     Vous êtes le 00138e Visiteur  
Email        

Créer un tableau.
 

Enlever l'encadrement du tableau.

Lors de la création :



Enlever l'encadrement du tableau.

Après avoir créé le tableau :
 



Mettre de la couleur dans une cellule.

Les balises des tableaux.

Les balises que l'on rencontre dans les tableaux sont les suivantes :

<TD></TD> : balise de colonne sans largeur définie

<TD WIDTH= ?> </TD> : balise de colonne avec largeur définie en pixels

<TD WIDTH=%> </TD> : balise de colonne avec largeur définie en pourcentage

<TD BGCOLOR="yellow"> balise définissant la couleur de fond de la cellule

<TD ALIGN=left/center/right> alignement dans la cellule

<TD VALIGN=top/middle/bottom> alignement dans la cellule

<TR ALIGN=left/center/right> alignement dans la colonne

<TR VALIGN=top/middle/bottom> alignement dans la colonne

<TD COLSPAN=2> fusionne deux cellules horizontalement

<TD ROWSPAN=2> fusionne deux cellules verticalement

<TR ALIGN=left/center/right> alignement dans la colonne

<TR></TR> : balise de ligne 

Les attributs pour les balises TH, TR, TD sont les suivants:
ALIGN=left, right, center
VALIGN=middle, top, bottom, baseline (middle= centrage verticale, top=aligne en haut de la cellule, bottom=aligne en base de la cellule, baseline=alignement sur une ligne commune)