WAP初级教程笔记---3

** ** 显示内容


CARD里可以显示象文本、图像这样的内容。

段落与换行标记 **

  1<p> ** :  段落标记,用来对段落进行分段。语法:   
  2  
  3|  <p ;="" aligh="left|right|center" mode="wrap|nowrap" xml:lang="STRING">  
  4---  
  5  
  6aligh:文字对齐方式,左(left)、右(right)、居中(center)。   
  7mode:文字超出屏幕时是否折行,各种终端处理方式不同。   
  8xml:lang:显示语言编码。 
  9
 10** <br/> ** :  行分隔标记,产生回车效果。   
 11语法: 
 12
 13<br xml:lang="STRING">  
 14---  
 15  
 16**xml:lang:** 显示语言编码。   
 17段落和换行的例子:   
 18  
 19<?xml version="1.0"?>
 20<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"   
 21"http://www.wapforum.org/DTD/wml_1.1.xml">
 22
 23<wml>
 24<card title="Paragraphs">
 25<p>   
 26This is a paragraph   
 27</p>
 28<p>   
 29This is a another
 30with a line break   
 31</p>
 32</card>
 33</wml>  
 34---  
 35  
 36显示结果如下:   
 37  
 38\------ Paragraphs ------   
 39This is a paragraph   
 40This is another   
 41with a line break   
 42---  
 43标记  |  字体样式   
 44---|---  
 45<b> |  粗体   
 46<big> |  大字体   
 47<em> |  强调字体   
 48<i> |  斜体   
 49<small> |  小字体   
 50<strong> |  加重强调字体   
 51<u> |  下划线字体   
 52  
 53文字样式标记    
 54WML提供了一系列文字样式的标记,如右表所示。不过WML鼓励大家尽量使用<strong>和<em>标记,因为某些WAP终端会忽略其他标记。   
 55每个文字样式标记语法都一样,都有一个标志语言代码的xml:lang属性。   
 56下面是一个例子:   
 57  
 58  
 59  
 60  
 61<?xml version="1.0"?>
 62<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"   
 63"http://www.wapforum.org/DTD/wml_1.1.xml">
 64
 65<wml>
 66<card title="Formatting">
 67<p>   
 68normal
 69   
 70<em>emphasized</em>
 71<strong>strong</strong>
 72<b>bold</b>
 73<i>italic</i>
 74<u>underline</u>
 75<big>big</big>
 76<small>small</small>
 77</p>
 78</card>
 79</wml>  
 80---  
 81  
 82在你的终端上可能会有这样的显示 (不过别太当真,前面说了有的终端会忽略文本样式标记): 
 83
 84list.asp%3fid=3   
 85---  
 86  
 87所以变量有可能需要标志为是否对其内容进行ESCAPE转换,变量定义就有如下几种特殊方式:   
 88  
 89\----- Formatting -----   
 90normal _  
 91emphasized _ **  
 92strong ** **  
 93bold ** _  
 94italic _ _  
 95underline _   
 96big    
 97small   
 98---  
 99  
100表格    
101WML支持简单的表格标记<table>、<tr>和<td>。语法如下:   
102  
103<table <tr="" align="L|R|C" columns="NUMBER" title="STRING">
104<td> 内容... </td>   
105其他列...   
106</table></td></tr>   
107其他行...   
108</table>  
109---  
110  
111
112
113在WML里定义一个表格必须先指定列数,即columns属性。而在表格里就必须有相应数量的<td></td>标记对。因该注意的是,align(对齐)属性的内容只能是L(左对齐)、R(右对齐)和C(居中),跟其他标记不同(是不是有点怪?)。 
114
115下面的例子演示了表格的基本功能: 
116
117<?xml version="1.0"?>
118<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"   
119"http://www.wapforum.org/DTD/wml_1.1.xml">
120
121<wml>
122<card title="SALARY">
123<p>
124<table columns="2">
125<tr>
126<td>NAME</td>
127<td>PAYED</td>
128</tr>
129<tr>
130<td>Johnson</td>
131<td>$7810.11</td>
132</tr>
133<tr>
134<td>Faye</td>
135<td>$8912.00</td>
136</tr>
137</table>
138</p>
139</card>
140</wml>  
141---  
142  
143显示结果(注意WML里没有表格线):   
144  
145\------ SALARY ------   
146NAME PAYED   
147Johnson $7810.11   
148Faye $8912.00   
149---  
150  
151图像    
152
153
154WML支持WBMP(Wireless Bitmap)格式的图像,需要用特殊工具制作。显示图像使用<img/>标记,语法如下: 
155
156<img align="top|middle|bottom" alt="STRING" height="NUMBER" hspace="NUMBER" localsrc="STRING" src="STRING" vspace="STRING" width="STRING">  
157---  
158  
159
160
161alt:  图像无法显示时的替换文字。   
162src:  图像的url。   
163localsrc:  储存于ROM(或RAM)中图像的名字,各种终端支持不同。   
164align:  上下对齐方式。   
165height:  图像显示高度。   
166width:  图像显示宽度。   
167hspace:  图像左右的空白,以pixel数或百分比表示。   
168vspace:  图像上下的空白,以pixel数或百分比表示。 
169
170上面的属性只有alt和src是必须的。其他附加属性基本上仅仅用来指示用户终端,大多数情况下会被忽略。下面是个例子: 
171
172<?xml version="1.0"?>
173<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"   
174"http://www.wapforum.org/DTD/wml_1.1.xml">
175
176<wml>
177<card title="Congratulation">
178<p>   
179WAP86, <img alt="wonderful" src="wonderful.wbmp"/>!   
180</p>
181</card>
182</wml>  
183---  
184  
185下面分别是在支持和不支持图像的终端上的显示结果:   
186  
187|  \--- Congratulation ---   
188WAP86, ![](http://www.7880.com/Upload/editor/wonderful.gif) !   
189---  
190|  \--- Congratulation --- 
191
192WAP86, wonderful!   
193  
194  
195  
196---</img></em></strong></u></strong></small></i></em></big></b></br></p></p>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus