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 will look something like this in a mobile phone (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 will look something like this in a mobile phone:
------ 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 will look something like this in a mobile phone (don't take it for granted that all formatting tags will render as expected):
----- Formatting -----
normal
emphasized
strong
bold
italic
underline
big
small |
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 will look something like this in a mobile phone:
------ Table ------
Cell 1 Cell 2 Cell 3
|
| 
