1.  2001 Prentice Hall, Inc. All rights reserved. 1 Chapter 13 - Wireless Markup Language (WML): Part I Outline 13.1 Introduction 13.2 Editing WML 13.3 First WML document 13.4 Phone Simulator Install and Setup 13.5 Formatting Text 13.6 Images 13.7 Linking 13.7.1 Hyperlinking 13.7.2 Internal Linking 13.7.3 External Linking 13.8 Special Characters 13.9 Internet and World Wide Web Resources

2.  2001 Prentice Hall, Inc. All rights reserved. Outline 2 1 2 4 5 6 7 8 9 10 11 Welcome to WML! 12 13 14 Fig13_1.wml Text for display in a microbrowser.

3.  2001 Prentice Hall, Inc. All rights reserved. Outline 3

4.  2001 Prentice Hall, Inc. All rights reserved. Outline 4 Fig. 13.2Phone Information window.

5.  2001 Prentice Hall, Inc. All rights reserved. Outline 5 Fig. 13.3Phone Information window displaying an error.

6.  2001 Prentice Hall, Inc. All rights reserved. Outline 6 Fig. 13.3Corresponding Openwave browser displaying an error.

7.  2001 Prentice Hall, Inc. All rights reserved. 7 13.4 Formatting Text

8.  2001 Prentice Hall, Inc. All rights reserved. Outline 8 1 2 4 5 6 7 8 9 10 11 A bold statement 12 A big deal 13 A small problem 14 I mean it 15 This is fancy 16 Strong man 17 Not a link 18 19 20 Fig13_5.wml Text marked up using formatting elements.The break element places all remaining text on the next line in the display screen.

9.  2001 Prentice Hall, Inc. All rights reserved. Outline 9

10.  2001 Prentice Hall, Inc. All rights reserved. Outline 10 1 2 4 5 6 7 8 9 10 11 12 13 Images 14 15 16 18 19 20 Fig13_6.wml Setting the paragraph element’s align attribute to center places all text and images in the center of the display screen. The name of the image to display. The value of the alt attribute will display if the image cannot be displayed. The height and width attributes define the size of the image.

11.  2001 Prentice Hall, Inc. All rights reserved. Outline 11

12.  2001 Prentice Hall, Inc. All rights reserved. Outline 12 1 2 4 5 6 7 8 9 10 11 Search Engines: 12 13 14 16 Sports 17 SciFi 20 21 22 Fig13_7.wml Link to mobile.sports.com.The accesskey attribute programs a key on the keypad that can be used to select the link. The value of the title attribute will label the soft key on the phone that will activate the link.

13.  2001 Prentice Hall, Inc. All rights reserved. Outline 13

14.  2001 Prentice Hall, Inc. All rights reserved. Outline 14 Fig13_8.wml 1 2 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 Go to the next card by pressing Go. 20 (This is card1) 21 22 23 24 25 26 27 28 29 30 31 32 33 This is card2. 34 Press Back to go back to card1. Soft key that links to card2.Setting the type attribute to accept programs the soft key on the left side of the phone. The prev element links back to the previous card.

15.  2001 Prentice Hall, Inc. All rights reserved. Outline 15 Fig13_8.wml 35 36 37

16.  2001 Prentice Hall, Inc. All rights reserved. Outline 16 1 2 4 5 6 7 8 9 10 11 Local Icons 12 13 14 15 16 17 18 Link 19 20 21 22 23 Wrench 24 25 26 27 28 Football Fig13_9.wml The localsrc attribute displays a local icon stored in the phone’s memory. The football icon links to card4 in a separate WML deck.

17.  2001 Prentice Hall, Inc. All rights reserved. Outline 17 29 30 31 32 Boat 33 34 35 36 37 38 39 You chose the link! 40 41 42 43 44 45 46 You chose the wrench! 47 48 49 Fig13_9.wml The boat icon links to card5 in a separate WML deck.

18.  2001 Prentice Hall, Inc. All rights reserved. Outline 18 1 2 4 5 6 7 8 9 10 11 You chose the football! 12 13 14 15 16 17 You chose the boat! 18 19 20 Fig13_10.wml If the football link is chosen, card4 displays.If the boat link is chosen, card5 displays.

19.  2001 Prentice Hall, Inc. All rights reserved. Outline 19

20.  2001 Prentice Hall, Inc. All rights reserved. Outline 20 1 2 4 5 6 7 8 9 10 11 Special Characters: 12 13 14 15 Experts suggest ­ " A person&apos;s 16 daily diet should consist of < 2000 calories & 17 not > 20 grams of fat." 18 19 20 Fig13_11.wml Each character entity represents a special character.

21.  2001 Prentice Hall, Inc. All rights reserved. Outline 21