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 :
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>
|