Un site Wap
Le texte et son formatage
HomeUpDown

La balise <p> ... </p>

Le texte doit être structuré en paragraphes. Tout texte sera donc contenu entre des balises <p> et </p>. La balise <p> possède des attributs importants spécialement pour l'alignement du texte.

align="left" Aligne le texte à gauche (alignement par défaut).
align="center" Centre le texte.
align="right" Aligne le texte à droite.
mode="wrap" Ajuste le texte automatiquement à la largeur de l'écran (par défaut).
mode="nowrap" Ne coupe pas les lignes selon la largeur de l'écran. Dans ce cas, le mobile doit permettre le défilement horizontal.

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise p">
<p align="left">
à gauche
</p>
<p align="center">
centré
</p>
<p align="right">
à droite
</p>
</card>
</wml>



 

Les commentaires

Vos commentaires éventuels peuvent apparaître n'importe où dans votre document Wml, il suffit de l'inclure entre les balises <!-- commentaire -->. Le contenu de ces balises ne sera pas affiché par le micro-navigateur.


 

La balise <br/>

Saut de ligne. Les habitués du Html veilleront bien à mettre le slash de fin.


 

La balise <b> ... </b>

Le texte est affiché en caractères gras [bold].

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise B">
<p align="center">
Texte normal<br/>
<b>Texte en gras [bold]</b>
</p>
</card>
</wml>



 

La balise <i> ... </i>

Le texte est affiché en caractères italiques [italic].

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise i">
<p align="center">
Texte normal<br/>
<i>Texte en italique</i>
</p>
</card>
</wml>



 

La balise <u> ... </u>

Soulignement du texte [underline]. Comme pour le Html, le souligné est à utiliser avec modération car la convention d'un lien est également le soulignement.

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise u">
<p align="center">
Texte normal<br/>
<u>Texte souligné</u>
</p>
</card>
</wml>



 

La balise <big> ... </big>

Affiche le texte dans une taille plus grande. Comme il n'y a pas (encore?) de balises pour la taille de la police de caractères, c'est avec <small> la seule balise pour modifier la taille du texte.

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise big">
<p align="center">
Texte normal<br/>
<big>Big texte</big>
</p>
</card>
</wml>



 

La balise <small> ... <small>

Affiche le texte dans une taille plus petite. Comme il n'y a pas (encore?) de balises pour la taille de la police de caractères, c'est avec <big> la seule balise pour modifier la taille du texte.

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise small">
<p align="center">
Texte normal<br/>
<small>Small texte</small>
</p>
</card>
</wml>



 

La balise <em> ... </em>

Texte mis en avant par le micro-navigateur [emphasis]. Généralement par des caractères en italique.

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise em">
<p align="center">
Texte normal<br/>
<em>Texte écrit avec la balise em</em>
</p>
</card>
</wml>



 

La balise <strong> ... </strong>

Texte mis en avant par le micro-navigateur. Généralement par des caractères en gras.

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="La balise strong">
<p align="center">
Texte normal<br/>
<strong>Texte avec la balise strong</strong>
</p>
</card>
</wml>



 

Les balises imbriquées

Il est bien entendu possible d'adopter plusieurs balises de format pour un même texte. Mais dans ce cas, il faut veiller à ce que les différentes balises soient correctement imbriquées. Ce qui n'est plus indispensable avec les navigateurs Web actuels.

Exemple :

<?xml version="1.0"?>
<!DOCTYPE wml ...>
<wml>
<card id="ct1" title="Des balises">
<p align="center">
Texte normal<br/>
<big><b><i>Balises multiples
</i></b></big>
</p>
</p>
</card>
</wml>



 

Les caractères spéciaux

Certains caractères de texte sont également (et en priorité) utilisés par le Xml et donc le Wml. Il faut donc impérativement les remplacer sous risque que votre document Wml ne soit pas "correct" et que votre page ne s'affiche pas.

Le point-virgule ; de fin est indispensable en Wml (il ne l'est plus sous Explorer 4 et +).

    &quot; Les guillemets "
    &apos; L'apostrophe '
    &amp; Le et commercial soit &
    &lt; Le "plus petit que" soit <
    &qt; Le "plus grand que" soit >
    &nbsp; L'espace insécable
    &shy; L'espace "blanc"
    $$ Le signe dollar $

Pour les autres caractères spéciaux (lettres avec accent...), on se reportera au code Unicode 2.0 de ces caractères spéciaux comme pour le Html. Selon le gateway, il n'est pas impossible que ces ou certains de ces caractères spéciaux ne soient pas affichés.


   

Simulations d'après Nokia Wap Toolkit