首 页WAP教程WAP源码WAP电子书客户留言龙腾电脑维修网158网络电视本站论坛繁體中文
设为首页
加入收藏
联系我们
您当前的位置:WAP开发网 -> WAP教程 -> WML教程 -> 文章内容 退出登录 用户管理
栏目导航
· ASP WAP开发教程 · ASP.net WAP开发教程
· PHP WAP开发教程 · WML教程
· JSP开发WAP教程 · WAP 2.0
· 综合杂谈
热门文章
· WAP 2.0教程
· WML语言基础(WAP建站...
· 用VS2005实现ASP.NE...
· [组图] php WAp开发教程
· WML语言基础(WAP建站...
· VS.NET 2003开发移动...
· [图文] ASP技术进行动态WAP...
· [图文] WML语言基础(WAP建站...
· asp.net移动控件开发...
· [图文] 创建移动Web应用程序...
相关文章
· asp.net强制输出WML...
· WML初级教程之关于W...
· 使用WML和ASP编写动...
· [推荐] 如何链接WML和XHTML...
· WAP初级教程-----任...
· WAP初级教程----桌面...
· WAP初级教程----WML...
· WAP初级教程---WML基...
· PHP建立动态的WML站...
· wml如何实现下载图片...
WAP初级教程---显示内容
作者:不详  来源:本站整理  发布时间:2006-6-6 12:06:00  发布人:tangyunfei

减小字体 增大字体


显示内容

段落与换行标记 文字样式标记 表格 图像

CARD里可以显示象文本、图像这样的内容。象HTML一样,WML也提供一些标记对内容进行排版。

段落与换行标记 

<p>:段落标记,用来对段落进行分段。语法:

<p
  aligh="left|right|center"
  mode="wrap|nowrap";
  xml:lang="STRING" >

aligh:文字对齐方式,左(left)、右(right)、居中(center)。
mode:文字超出屏幕时是否折行,各种终端处理方式不同。
xml:lang:显示语言编码。

<br>:行分隔标记,产生回车效果。语法:

<br
  xml:lang="STRING" />

xml:lang:显示语言编码。
段落和换行的例子:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
 "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card title="Paragraphs">
<p>
This is a paragraph
</p>
<p>
This is a another<br/>with a line break
</p>
</card>
</wml>

显示结果如下:

------ Paragraphs ------
This is a paragraph
This is another
with a line break


标记 字体样式
<b> 粗体 
<big> 大字体
<em> 强调字体
<i> 斜体
<small> 小字体
<strong> 加重强调字体
<u> 下划线字体

文字样式标记
WML提供了一系列文字样式的标记,如右表所示。不过WML鼓励大家尽量使用<strong>和<em>标记,因为某些WAP终端会忽略其他标记。
每个文字样式标记语法都一样,都有一个标志语言代码的xml:lang属性。
下面是一个例子:


<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
  "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card title="Formatting">
  <p>
   normal<br/>
   <em>emphasized</em><br/>
   <strong>strong</strong>
   <br/> <b>bold</b> <br/>
   <i>italic</i><br/>
   <u>underline</u><br/>
   <big>big</big><br/>
   <small>small</small>
  </p>
</card>
</wml>

在你的终端上可能会有这样的显示 (不过别太当真,前面说了有的终端会忽略文本样式标记):

list.asp%3fid=3

所以变量有可能需要标志为是否对其内容进行ESCAPE转换,变量定义就有如下几种特殊方式:

----- Formatting -----
normal
emphasized
strong
bold
italic
underline
big
small

表格
WML支持简单的表格标记<table>、<tr>和<td>。语法如下:

<table
  align="L|R|C"
  columns="NUMBER"
  TITLE="STRING"
 <tr>
  <td> 内容... </td>
  其他列...
 </tr>
  其他行...
</table>


在WML里定义一个表格必须先指定列数,即columns属性。而在表格里就必须有相应数量的<td></td>标记对。因该注意的是,align(对齐)属性的内容只能是L(左对齐)、R(右对齐)和C(居中),跟其他标记不同(是不是有点怪?)。

下面的例子演示了表格的基本功能:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
  "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card title="SALARY">
<p>
<table columns="2">
<tr>
<td>NAME</td>
<td>PAYED</td>
</tr>
<tr>
<td>Johnson</td>
<td>$7810.11</td>
</tr>
<tr>
<td>Faye</td>
<td>$8912.00</td>
</tr>
</table>
</p>
</card>
</wml>

显示结果(注意WML里没有表格线):

------ SALARY ------
NAME     PAYED
Johnson    $7810.11
Faye     $8912.00

图像
相对于多媒体泛滥的HTML网站,在资源紧张的WAP设备上显示图像就有点奇怪了。但是WML还是提供了图像显示的支持,毕竟一个设计精巧的图像会比一段话表达意思更清楚,或许占用空间更小。
WML支持WBMP(Wireless Bitmap)格式的图像,需要用特殊工具制作(下载:“资源室-〉开发工具”)。显示图像使用<img>标记,语法如下:

<img
 alt="STRING"
 src="STRING"
 align="top|middle|bottom"
 height="NUMBER"
 width="STRING"
 hspace="NUMBER"
 vspace="STRING"
 localsrc="STRING" />



alt: 图像无法显示时的替换文字。
src: 图像的url。
localsrc: 储存于ROM(或RAM)中图像的名字,各种终端支持不同。
align: 上下对齐方式。
height: 图像显示高度。
width: 图像显示宽度。
hspace: 图像左右的空白,以pixel数或百分比表示。
vspace: 图像上下的空白,以pixel数或百分比表示。

上面的属性只有alt和src是必须的。其他附加属性基本上仅仅用来指示用户终端,大多数情况下会被忽略。下面是个例子:

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
 "http://www.wapforum.org/DTD/wml_1.1.xml">

<wml>
<card title="Congratulation">

<p>
WAP86, <img src="wonderful.wbmp" alt="wonderful"/>!
</p>

</card>
</wml>

下面分别是在支持和不支持图像的终端上的显示结果:

--- Congratulation ---
WAP86,!
--- Congratulation ---
WAP86, wonderful!

[] [返回上一页] [打 印] [收 藏]
∷相关文章评论∷    (评论内容只代表网友观点,与本站立场无关!) [更多评论...]
关于本站 - 网站帮助 - 广告合作 - 下载声明 - 友情连接 - 网站地图 - 管理登录
Copyright © 2002-2005 wapkf.com. All Rights Reserved .
浙ICP备06013604号|站长QQ:274273595