欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

WML学习之三 显示文本

程序员文章站 2022-06-19 13:01:20
显示文本  在文本的显示上wml基本和html相同。文字段落包含在
显示文本 
在文本的显示上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>