Les tableaux


Les marqueurs que l'on a vu jusqu'à présent permettent une mise en page peu performante. Le fait de savoir comment faire des tableaux permettra de bien améliorer l'aperçu de la page.

Nous allons voir les aspects suivants :


Structure générale

La structure des tableaux en WML et HTML et la même.
Un tableau se présente sous la forme suivante :

<table columns="nb_col"> <!-- Définition d'un tableau -->
<tr>
<!-- Définition de la première ligne -->
      <td>
case (1,1) </td> <!-- Cellule Première ligne, première colonne -->
      <td>
case (1,2)</td> <!-- Cellule Première ligne, deuxième colonne -->
</tr> <!
-- Définition d'une seconde ligne -->
<tr>
      <td>
case (2,1)</td> <!-- Cellule deuxième ligne, première colonne -->
      <td>
case (2,2)</td> <!-- Cellule deuxième ligne, deuxième colonne -->
</tr>
</table>

L'attribut est obligatoire : nb_col correspond au nombre de colonne que contient le tableau


Alignement du tableau


Pour définir l'alignement du tableau sur l'écran, vous devez renseigner l'attribut align du marqueur <table>.

Par défaut, le tableau est positionné à gauche de la page.

  • <table ... align="alignement">...</table>
    La variable alignement peut valoir la valeur center, left ou right.


Ajouter un titre au tableau


Vous pouvez donner un titre à votre tableau. Ce titre doit être placé dans l'attribut title de la balise <table>.


Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
  "http://www.wapforum.org/DTD/wml1.1.xml">

<wml>
<card title="Tableau">

<p>
<table columns="2" align="center" title="Tableau n1" > <!-- Définition d'un tableau -->
<tr>
<!-- Définition de la première ligne -->
      <td>
case (1,1) </td> <!-- Cellule Première ligne, première colonne -->
      <td>
case (1,2)</td> <!-- Cellule Première ligne, deuxième colonne -->
</tr> <!
-- Définition d'une seconde ligne -->
<tr>
      <td>
case (2,1)</td> <!-- Cellule deuxième ligne, première colonne -->
      <td>
case (2,2)</td> <!-- Cellule deuxième ligne, deuxième colonne -->
</tr>
</table>
</p>
</card>
</wml>

[Page precedente]                         [Page suivante]

 
 
Page d'accueil
Plan du site

Rubriques :

Documentations :

     HTML
     DHTML
     JAVAScripts
     WML (WAP)

Liens utiles :

     Hébergement
     Référencement
     Web rémunéré
 
   
© 2000 - Tous droits réservés