Table vite faite et bien faite en utilisant l'éditeur HTML du Wiki:

Ceci va créer un tableau simple avec une largeur spécifique de tableau, une largeur de colonne spécifique, une ligne d'en-tête et une bordure autour de toutes les cellules dans l'éditeur HTML du Wiki.

Coller le contenu du tableau ci-dessous entre les éléments <body> </body>du document HTML à 
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_style pour un aperçu:

<!-- Modifier les propriétés de la balise de la table comme ci-dessous. Les valeurs par défaut pour cellpadding -->
<!-- et cellspacing prévienne la bordure d'apparaître alentour des cellules alors nous mettons cela à “0” pour les deux. -->
<!-- La valeur par default de la largeur de la table va causé la largeur de la table d'être régi par son contenu. -->
<!-- Si votre article de wiki contient plusieures tables et que vous voulez appliquer une largeure -->
<!-- constante à toutes les tables, configurer la largeur de la table ici et utiliser la même valeur partout.-->

<table cellpadding="0" cellspacing="0" width="600" rules="all" style="border: #000000 thin solid;">
        
          <!--Utilisez l'attribut de style de la balise <tr> pour définir la couleur d'arrière-plan--> 
          <!--et la taille de la police de la première ligne en argent et en gras respectivement. --> 
          <!--Utilisez l'attribut valign de la balise <tr> pour définir l'alignement du texte à « top ». --> 

          <tr style="background-color: silver; font-weight: bold;" valign="top">
 
                 <!--Ajouter des colonnes aux lignes avec la balise <td> et utilisent le style--> 
                 <!--d'attribut pour définir la largeur de chaque colonne afin que la somme--> 
                 <!--de toutes les largeurs de colonne soit égale à la largeur de la table définie ci-dessus. --> 

                 <td style="width: 400px">HeaderRow, Column1, Width is 400 pixels</td>
                 <td style="width: 200px">HeaderRow, Column2, Width is 200 pixels</td>
          </tr>

          <!--Ajouter des lignes au besoin avec les balises <tr>. Les colonnes continuera d'utiliser l'option--> 
          <!--de la largeur définie dans la première ligne à moins que le nombre de colonnes par ligne change--> 
          <!--donc pas besoin de garder la définition de largeur pour les colonnes de cette table.--> 

                  <tr valign="top">
                  <td>Row2, Column1</td>
                  <td>Row2, Column2</td>
          </tr>
          <tr valign="top">
                   <td>Row3, Column1</td>
                   <td>Row3, Column2</td>
          </tr>
 </table>

La table devrait appraître comme cela:

HeaderRow, Column1, Width is 400 pixels HeaderRow, Column2, Width is 200 pixels
Row2, Column1 Row2, Column2
Row3, Column1 Row3, Column2

Voir aussi



Autre langues

Cet article est aussi disponible dans ces langues suivantes :