WAP(wml)开发教程4--WML学习之显示文本和图片
2006-11-04 23:41
471 查看
显示文本
在文本的显示上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="/blog/url"
localsrc="/blog/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 Se
rver上去找。
*可选的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="/blog/xxx.bmp" localsrc="/blog/smileyface"/></p>
</card>
</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="/blog/url"
localsrc="/blog/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 Se
rver上去找。
*可选的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="/blog/xxx.bmp" localsrc="/blog/smileyface"/></p>
</card>
</wml>
相关文章推荐
- WAP(wml)开发教程4--WML学习之显示文本和图片
- WAP(wml)开发教程6--WML学习之显示表单
- WAP(wml)开发教程6--WML学习之显示表单
- WAP(wml)开发教程3--WML学习之基本格式和文件头
- WAP(wml)开发教程5--WML学习之锚和任务
- WAP(wml)开发教程7--WML学习之键盘输入事件
- 【Android开发学习29】界面控件之列表控件(ListView)--显示图片和文本
- WAP(wml)开发教程7--WML学习之键盘输入事件
- WAP(wml)开发教程9--WML学习之CGI编程
- WAP(wml)开发教程5--WML学习之锚和任务
- WAP(wml)开发教程8--WML学习之页面内部事件
- WAP(wml)开发教程8--WML学习之页面内部事件
- WAP(wml)开发教程3--WML学习之基本格式和文件头
- WAP(wml)开发教程9--WML学习之CGI编程
- WAP(wml)开发教程2--WML学习之概述
- WAP(wml)开发教程2--WML学习之概述
- C++开发人脸性别识别教程(9)——搭建MFC框架之显示图片
- Android开发教程--设置ImageView图片的显示比例
- SDL游戏开发教程02(显示图片)
- 程序员带你学习安卓开发-两种显示互联网上的图片的方式 及动画