Canalblog
Editer l'article Suivre ce blog Administration + Créer mon blog
Publicité
Les tuto 2 Demolite
4 décembre 2010

Les balises : Les tableaux

<TABLE>
Les balises <TABLE> et </TABLE> entourent un tableau. La balise TABLE admet plusieurs attributs.
  • BORDER=taille
        L'attribut BORDER permet de fixer la taille en pixels des lignes qui délimitent les cellules du tableau. Si cette taille est 0, ces lignes ne sont pas affichées.
  • WIDTH=taille
        L'attribut WIDTH permet de fixer la largeur du tableau en pixels ou en pourcentage de la largeur disponible.
  • ALIGN="alignement"
        L'attribut ALIGN permet de définir l'alignement du tableau dans la largeur de l'espace disponible. Les valeurs possibles sont LEFT, CENTER et RIGHT.
  • CELLSPACING=taille
        L'attribut CELLSPACING permet de définir en pixels l'espace de séparation des cellules.
  • CELLPADDING=taille
        L'attribut CELLPADDING permet de définir en pixels l'espace séparant le bord des cellules de leur contenu.
  • <TR>
    Les balises <TR> et </TR> délimitent les cellules d'une même ligne d'un tableau.
    <TD>
    Les balises <TD> et </TD> entourent chaque cellule d'un tableau. Chaque cellule du tableau peut contenir des paragraphes, des listes, des images ou d'autres tableaux.

    <table border=1 cellpadding=3 cellspacing=1>
    <tr>
    <td>Cellule L1C1</td>
    <td>Cellule L1C2</td>
    <td>Cellule L1C3</td>      
    </tr>
    <tr>
    <td>Cellule L2C1</td>
    <td>Cellule L2C2</td>
    <td>Cellule L3C3</td>      
    </tr>
    </table>

    Résultat :

          
    Cellule L1C1 Cellule L1C2 Cellule L1C3
    Cellule L2C1 Cellule L2C2 Cellule L3C3

    La balise <TD> admet plusieurs arguments.
  • WIDTH=taille
        L'argument WIDTH permet de définir la largeur de la cellule en pixels ou en pourcentage de la largeur du tableau.
  • BGCOLOR="couleur"
        L'attribut BGCOLOR permet de définir la couleur de fond de la cellule.
  • VALIGN="alignement"
        L'attribut VALIGN permet de définir l'alignement vertical dans la cellule. Les valeurs possibles sont TOP, MIDDLE et BOTTOM.
  • COLSPAN=nombre
        L'attribut COLSPAN permet de définir le nombre de colonnes de tableau que devra occuper la cellule.
  • ROWSPAN=nombre
        L'attribut ROWSPAN permet de définir le nombre de lignes de tableau que devra occuper la cellule.
  • <table border=1 cellpadding=3 cellspacing=1>
    <tr>
    <td colspan=3>J'occupe les 3 colonnes.</td>
    </tr>
    <tr>
    <td width=70 rowspan=2>Sur deux lignes</td>
    <td>Cellule simple</td>
    <td>Cellule simple</td>      
    </tr>
    <tr>
    <td>Cellule simple</td>
    <td>Cellule simple</td>
    </tr>
    </table>

    Résultat :

          
    J'occupe les 3 colonnes.
    Sur deux lignes Cellule simple Cellule simple
    Cellule simple Cellule simple


    <TH>
    Les balises <TH> et </TH> peuvent être utilisées pour délimiter les cellules de la première ligne ou de la première colonne d'un tableau. Ces cellules sont alors considérées comme des titres de colonnes ou de lignes.

    Quelques liens qui en disent plus :

    http://www.lissaexplains.com/french/table.html
    http://webby.free.fr/html/tableaux.html
    http://webghusse.free.fr/cours_html/xhtml/tab.html

    Publicité
    Publicité
    Commentaires
    Publicité
    Derniers commentaires
    Newsletter
    Publicité