你现在所在的位置->首页->XML专区->WAP初级教程(3)—显示内容
WAP初级教程(3)—显示内容
时间:[2005-11-4 10:31:53] 作者:未知
WAP初级教程(3)—显示内容 |
|
作者:佚名 文章来源:不详 点击数:
更新时间:2005-8-6 |
|
CARD里可以显示象文本、图像这样的内容。象HTML一样,WML也提供一些标记对内容进行排版。
段落与换行标记 [TOP]
<p>:段落标记,用来对段落进行分段。语法:
<p aligh="left|right|center" mode="wrap|nowrap"; xml:lang="STRING" > |
aligh:文字对齐方式,左(left)、右(right)、居中(center)。 mode:文字超出屏幕时是否折行,各种终端处理方式不同。 xml:lang:显示语言编码。
<br>:行分隔标记,产生回车效果。语法:
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> |
下划线字体 | 文字样式标记 [TOP] 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> |
在你的终端上可能会有这样的显示 (不过别太当真,前面说了有的终端会忽略文本样式标记):
所以变量有可能需要标志为是否对其内容进行ESCAPE转换,变量定义就有如下几种特殊方式:
----- Formatting ----- normal emphasized strong bold italic underline big small | 表格 [TOP] 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 | 图像 [TOP] 相对于多媒体泛滥的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="http://www.7880.com/Info/wonderful.wbmp" alt="wonderful"/>! </p>
</card> </wml> | 下面分别是在支持和不支持图像的终端上的显示结果:
--- Congratulation --- WAP86,! | |
--- Congratulation ---
WAP86, wonderful!
| | | |
【声明】本站刊载的《WAP初级教程(3)—显示内容》一文如果有侵害你权益的情况,请联系我们。我们将及时采取措施。
QQ:44637339 Email:just6@163.com Tel:13355163107 Lining studios