WML學習(三):顯示文本_Xml教程

推薦：WML學習(四)：錨和任務
錨和任務 連接是 HTML 頁面里最基本的功能， 在 WML 里也一樣用 a href=url title=label 和 /a來包括用來建立連接的文字，必選屬性href指定了要打開的URL，可選的title屬性給該連接取個標記名字，這個名字將作為軟按鈕之一的ACCEPT鍵(詳見以前的HDML入門

顯示文本
在文本的顯示上WML基本和HTML相同。文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之間，align屬性指定該段文字的對齊方式，默認的是left，其他可選擇right和center；mode屬性指定當一行顯示不下所有的文字時是否自動換行，默認的是自動換行wrap，如果選nowrap，則在一行中顯示，瀏覽器會通過類似于水平滾動條的機制來顯示所有文字。

　　 換行標簽也一樣為<br/>，這里先替一下，在標單中如果有多個<input>或者<select>，其間不要用<br/>，否則會使手機瀏覽器認為是斷點而把表單分頁顯示。

　　 文字的修飾標簽有<b>、<i>、<u>、<em>、<strong>、<big>和<small>，意義和HTML里的相同。

　　 表格的顯示標簽也和HTML相近，使用<table title="name" align="left|right|center" columns="列數">、<tr>和<td>來顯示，<table>的title屬性用來給表格取個名字，columns屬性指定表的列數，不能為0，可選的align屬性和前面提到的一樣是對齊方式。表格中可以包含文字和圖片。

test1.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>
<p align="center">
<i>Hello</i><br/>
<b><i>World!</i></b>
<table title="mytable" align="right" columns="2">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</p>
</card>
</wml>

顯示圖片

　　顯示圖片(1位黑白BMP圖片)的標簽一樣類似于HTML，<img alt="text" src="url" localsrc="icon" align="left" height="n" width="n" vspace="n" hspace="n"/>，屬性中alt和src是必須要有的，其他可選。另外要注意的是<img>要放在<p>里，不能放在<do>和<option>等功能健標簽和選單標簽里。
　　 *alt屬性用來指定當手機不支持圖片顯示時用來顯示的文字。
　　 *src屬性指定圖片的URL，但當有了以下的localsrc屬性時，手機瀏覽器就忽略src屬性。
　　 *localsrc屬性用來指定顯示存在手機ROM中的圖標，如果找不到，則到UP.Link Server上去找。
　　 *可選的align屬性用來表明圖片同當前行文本的對齊方式，默認值為bottom，可選to和middle。
　　 *height、width、vspace、hspace屬性分別指定圖片的長寬和距環繞文字的間距，目前不是所有的WAP手機都支持這些屬性。

test2.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>
<p align="center"><img alt=":)" src="xxx.bmp" localsrc="smileyface"/></p>
</card>
</wml>

分享：WML學習(五)：顯示表單
顯示表單 類似于HTML的FORM，fieldset可用來包括一組表單選項，但不是必須的。前面說過，當card的ordered設置為false時，手機可以顯示一個概要CARD來總結有效的選項，方便用戶從中選取表單選項來填寫，概要CARD就是根據fieldset和獨立的輸入框input以及選單s