WML Formatting

Decks and Cards

WML pages are often called "decks". A deck contains a set of cards. A card element can contain text, markup, links, input-fields, tasks, images and more. Cards can be related to each other with links. 

When a WML page is accessed from a mobile phone, all the cards in the page are downloaded from the WAP server. Navigation between the cards is done by the phone computer - inside the phone - without any extra access trips to the server:

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

<wml>

<card id="no1" title="Card 1"> 
<p>Hello World!</p>
</card>

<card id="no2" title="Card 2"> 
<p>Welcome to our WAP Tutorial!</p>
</card>

</wml>

The result MIGHT look like this in your mobile phone display (note that only one card is displayed at a time):

 ------ Card 1 ------

 Hello World!

Paragraphs and Line Breaks

A WML card can be set up to display the paragraph and line break functions of WML:

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

<wml>
<card title="Paragraphs"> 

<p>
This is a paragraph
</p>
<p>
This is another<br/>with a line break
</p>

</card>
</wml>

The result MIGHT look like this in your mobile phone display:

 ------ Paragraphs ------

 This is a paragraph

 This is another
 with a line break

Text Formatting

A WML card can be set up to display the text formatting functions of WML:

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

<wml>
<card title="Formatting"> 

<p>
normal<br/>
<em>emphasized</em><br/>
<strong>strong</strong><br/>
<b>bold</b><br/>
<i>italic</i><br/>
<u>underline</u><br/>
<big>big</big><br/>
<small>small</small>
</p>

</card>
</wml>

The result MIGHT look like this in your mobile phone display (don't take it for granted that all formatting tags will render as expected):

----- Formatting -----

Tables

A WML card can be set up to display the table functions of WML:

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

<wml>
<card title="Table">

<p>
<table columns="3">
<tr>
<td>Cell 1</td>
<td>Cell 2</td>
<td>Cell 3</td>
</tr>
</table>
</p>

</card>
</wml>

The result MIGHT look like this in your mobile phone display:

 ------ Table ------

Cell 1   Cell 2   Cell 3

Get Your Diploma! W3Schools' Online Certification Program is the perfect solution for busy professionals who need to balance work, family, and career building. The HTML Certificate is for developers who want to document their knowledge of HTML, XHTML, and CSS. The JavaScript Certificate is for developers who want to document their knowledge of JavaScript and the HTML DOM. The XML Certificate is for developers who want to document their knowledge of XML, XML DOM and XSLT. The ASP Certificate is for developers who want to document their knowledge of ASP, SQL, and ADO. The PHP Certificate is for developers who want to document their knowledge of PHP and SQL (MySQL).