WAP网站建设全攻略教程（3）

WML学习（三）

显示文本

在文本的显示上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=http://www.chinaz.com/Webbiz/Exp/”xxx.bmp“ localsrc=”smileyface“/></p>

</card>

</wml>