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 WAP School!</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 -----
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 MIGHT look like this in your mobile phone
display:
------ Table ------
Cell 1 Cell 2 Cell 3
|
|