WML-Tutorial
[ Inhaltsverzeichnis ]WML
 Textgestaltung
Textabsätze
Texthervorhebung
Zeilenumbruch


Textabsätze ( Definition )

Absätze innerhalb einer Card dienen der optischen Gliederung des Inhalts, und sind zwingend erforderlich um Inhalte auf der Display-Einheit ausgeben zu können.

Beispiel :


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>  
  <card>
    <p> Dies ist ein Absatz ! </p>
  </card>
</wml>  

Erklärung :

Durch dieses Beispiel wurde ein Absatz innerhalb einer Card definiert, der linksbündig ausgerichtet ist. Der Inhalt, sprich Text, Grafik etc. wird in das p-Tag <p> und </p> eingeschlossen.


Textabsätze ( Ausrichtung )

Die Ausrichtung des Textes innerhalb eines Absatzes kann durch das Attribut align des p-Tags beeinflußt werden.

Beispiel :


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>  
  <card>
    <p> Dies ist ein Absatz (links)! </p>
    <p align="left"> Dies ist auch ein Absatz (links)! </p>
    <p align="right"> Dies ist ein Absatz (rechts)! </p>
    <p align="center"> Dies ist ein Absatz (zentriert)! </p>
  </card>
</wml>  

Erklärung :

Durch die Angaben align="right" wird der Text innerhalb des Absatzes rechtsbündig ausgerichtet, wobei hingegen mit align="center" der Text bei der Ausgabe zentriert wird. Die Standardeinstellung eines Absatzes ist linksbündig. Somit könnte man auf align="left" verzichten, sofern der Text innerhalb eines Absatzes linksbündig ausgerichtet werden soll.


Textabsätze ( Zeilenumbruch )

Die Eigenschaft des Zeilenumbruchs in einer zu langen Textzeile innerhalb eines Absatzes kann durch das Attribut mode des p-Tags beeinflußt werden.

Beispiel :


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>  
  <card>
    <p mode="wrap"> Zeile wird umgebrochen falls sie nicht in die Displayzeile passt. </p>
    <p mode="nowrap"> Zeile wird NICHT umgebrochen falls sie nicht in die Displayzeile passt. </p>
  </card>
</wml>  

Erklärung :

Durch die Angabe mode="wrap" wird eine Zeile, sofern Sie nicht in die Displayzeile paßt, automatisch in mehrere Zeilen umgebrochen. Durch mode="nowrap" wird eine zu lange Zeile nicht automatisch umgebrochen, sondern es wird vorrausgesetzt, das das mobile Endgerät über die Möglichkeit verfügt solche nicht umgebrochenen Zeilen anzuzeigen, z.B. durch horizontales Scrollen.



Texthervorhebung

In WML ist die Möglichkeit gegeben, Textstellen oder ganze Texte durch bestimmte Tags hervorzuheben, um z.B. einen Text in fetter Schrift auszugeben. Der hervorzuhebene Text wird innerhalb der Tags zur Texthervorhebung eingeschlossen.

Beispiel :


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>  
  <card>
  <p> 
    <em>Text</em>
    <br/>
    <strong>Text</strong>
    <br/>
    <i>Text</i>
    <br/>
    <b>Text</b>
    <br/>
    <u>Text</u>
    <br/>
    <big>Text</big>
    <br/>
    <small>Text</small>
  </p> 
  </card>
</wml>  

Erklärung :

Durch <em>Text</em> wird der Text besonders ausgezeichnet.
Durch <strong>Text</strong> wird der Text besonders stark ausgezeichnet.
Durch <i>Text</i> wird der Text kursiv hervorgehoben.
Durch <b>Text</b> wird der Text halbfett hervogehoben.
Durch <u>Text</u> wird der Text unterstrichen hervorgehoben.
Durch <big>Text</big> wird der Text besonders gross dargestellt.
Durch <small>Text</small> wird der Text besonders klein dargestellt.



Zeilenumbruch

Zeilenumbrüche innerhalb von Absätzen können durch das br-Tag <br/> erzwungen werden.

Beispiel :


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>  
  <card>
    <p>
     Hier <br/> erfolgt ein Zeilenumbruch.
    </p>
  </card>
</wml>  

Erklärung :

Durch das eingefügte br-Tag erfolgt hinter dem Wort 'hier' ein Zeilenumbruch, das bedeutet, daß der nachfolgende Text 'erfolgt ein Zeilenumbruch' in der nächsten Zeile auf dem Display angezeigt wird.