📄 wap初级教程(3)—显示内容.htm
字号:
<TR bgColor=#eeeeee>
<TD><table<BR> align="L|R|C"<BR> columns="NUMBER"<BR> TITLE="STRING"<BR> <tr><BR> <td>
内容...
</td><BR> 其他列...<BR> </tr><BR> 其他行...<BR></table></TD></TR></TBODY></TABLE><BR>
<P>在WML里定义一个表格必须先指定列数，即columns属性。而在表格里就必须有相应数量的<td></td>标记对。因该注意的是，align（对齐）属性的内容只能是L（左对齐）、R（右对齐）和C（居中），跟其他标记不同（是不是有点怪？）。</P>
<P>下面的例子演示了表格的基本功能：</P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><?xml version="1.0"?><BR><!DOCTYPE wml
PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"<BR>
"http://www.wapforum.org/DTD/wml_1.1.xml"><BR><BR><wml><BR><card
title="SALARY"><BR><p><BR><table
columns="2"><BR><tr><BR><td>NAME</td><BR><td>PAYED</td><BR></tr><BR><tr><BR><td>Johnson</td><BR><td>$7810.11</td><BR></tr><BR><tr><BR><td>Faye</td><BR><td>$8912.00</td><BR></tr><BR></table><BR></p><BR></card><BR></wml></TD></TR></TBODY></TABLE><BR>显示结果（注意WML里没有表格线）：<BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width="26%" border=0>
<TBODY>
<TR bgColor=#d9ecff>
<TD>------ SALARY ------<BR>NAME PAYED<BR>Johnson
$7810.11<BR>Faye
$8912.00</TD></TR></TBODY></TABLE><BR><FONT
color=#1120d9>图像</FONT> <FONT color=#000000><A
href="http://www.7880.com/Info/Article-14f376e0.html#5"><FONT
face="Verdana, Arial, Helvetica, sans-serif"
color=#666666>[TOP]</FONT></A><A
name=4></A></FONT><BR>相对于多媒体泛滥的HTML网站，在资源紧张的WAP设备上显示图像就有点奇怪了。但是WML还是提供了图像显示的支持，毕竟一个设计精巧的图像会比一段话表达意思更清楚，或许占用空间更小。
<P>WML支持WBMP（Wireless
Bitmap）格式的图像，需要用特殊工具制作。显示图像使用<img>标记，语法如下：</P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><img<BR> alt="STRING"<BR> src="STRING"<BR> align="top|middle|bottom"<BR> height="NUMBER"<BR> width="STRING"<BR> hspace="NUMBER"<BR> vspace="STRING"<BR> localsrc="STRING"
/></TD></TR></TBODY></TABLE><BR>
<P><FONT color=#1120d9>alt：</FONT> 图像无法显示时的替换文字。<BR><FONT
color=#1120d9>src：</FONT> 图像的url。<BR><FONT
color=#1120d9>localsrc：</FONT>
储存于ROM（或RAM）中图像的名字，各种终端支持不同。<BR><FONT
color=#1120d9>align：</FONT> 上下对齐方式。<BR><FONT
color=#1120d9>height：</FONT> 图像显示高度。<BR><FONT
color=#1120d9>width：</FONT> 图像显示宽度。<BR><FONT
color=#1120d9>hspace：</FONT> 图像左右的空白，以pixel数或百分比表示。<BR><FONT
color=#1120d9>vspace：</FONT> 图像上下的空白，以pixel数或百分比表示。</P>
<P>上面的属性只有alt和src是必须的。其他附加属性基本上仅仅用来指示用户终端，大多数情况下会被忽略。下面是个例子：</P>
<TABLE class=font cellSpacing=0 cellPadding=0 width="100%"
border=0>
<TBODY>
<TR bgColor=#eeeeee>
<TD><?xml version="1.0"?><BR><!DOCTYPE wml
PUBLIC "-//WAPFORUM//DTD WML
1.1//EN"<BR> "http://www.wapforum.org/DTD/wml_1.1.xml"><BR><BR><wml><BR><card
title="Congratulation"><BR><BR><p><BR>WAP86,
<img src="wonderful.wbmp"
alt="wonderful"/>!<BR></p><BR><BR></card><BR></wml></TD></TR></TBODY></TABLE><BR>下面分别是在支持和不支持图像的终端上的显示结果：<BR><BR>
<TABLE cellSpacing=0 cellPadding=0 width="100%" border=0>
<TBODY>
<TR>
<TD class=size vAlign=top colSpan=2 height=60>
<TABLE class=font cellSpacing=0 cellPadding=0
width=150><TBODY>
<TR bgColor=#d9ecff>
<TD height=96>--- Congratulation ---<BR>WAP86,<IMG
height=50 alt=""
src="WAP初级教程(3)—显示内容.files/wonderful.gif"
width=90>!</TD></TR></TBODY></TABLE></TD>
<TD class=size vAlign=top width="59%" height=60>
<TABLE class=font cellSpacing=0 cellPadding=0
width=151><TBODY>
<TR vAlign=top bgColor=#d9ecff>
<TD>--- Congratulation ---
<P>WAP86,
wonderful!<BR><BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<CENTER></CENTER></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD bgColor=#cccccc height=1></TD></TR>
<TR>
<TD><FONT color=#339900><B>相关资讯：</B></FONT>
<LI><A
href="http://www.7880.com/Info/Article-14f80ac0.html">WAP初级教程(6)—事件EVENT</A>
<LI><A
href="http://www.7880.com/Info/Article-14f68420.html">WAP初级教程(5)—任务TASK</A>
<LI><A
href="http://www.7880.com/Info/Article-14f4fd80.html">WAP初级教程(4)—桌面DECK</A>
<LI><A
href="http://www.7880.com/Info/Article-14f1f040.html">WAP初级教程(2)—WML变量</A>
<LI><A
href="http://www.7880.com/Info/Article-14f069a0.html">WAP初级教程(1)—WML基础</A></LI></TD></TR>
<TR>
<TD></TD></TR>
<TR>
<TD></TD></TR></TBODY></TABLE></TD>
<TD style="BORDER-LEFT: #cccccc 1px solid" width=184>
<TABLE style="BORDER-TOP: #cccccc 1px solid" cellSpacing=1 cellPadding=2
width="100%" border=0>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #cccccc 1px solid" align=middle
bgColor=#009900 height=22><FONT color=#ffffff><IMG height=13
src="WAP初级教程(3)—显示内容.files/C_1.gif" width=13 align=absMiddle>
推荐列表</FONT></TD></TR>
<TR>
<TD align=left>
<SCRIPT language=javascript
src="WAP初级教程(3)—显示内容.files/CommendList.Js"></SCRIPT>
</TD></TR></TBODY></TABLE>
<TABLE style="TABLE-LAYOUT: fixed; WORD-WRAP: break-word" cellSpacing=1
cellPadding=2 width="100%" border=0>
<TBODY>
<TR>
<TD style="BORDER-BOTTOM: #cccccc 1px solid" align=middle
bgColor=#009900 height=22><FONT color=#ffffff><IMG height=13
src="WAP初级教程(3)—显示内容.files/C_1.gif" width=13 align=absMiddle> <FONT
color=#ffffff><FONT color=#ffffff>热点资讯 </FONT></FONT></FONT></TD></TR>
<TR>
<TD align=left>·<A
href="http://www.7880.com/Info/Article-9a1d200.html">微软的XML解析器</A><BR>·<A
href="http://www.7880.com/Info/Article-14f069a0.html">WAP初级教程(1)—WML基础</A><BR>·<A
href="http://www.7880.com/Info/Article-14f68420.html">WAP初级教程(5)—任务TASK</A><BR>·<A
href="http://www.7880.com/Info/Article-14f1f040.html">WAP初级教程(2)—WML变量</A><BR>·<A
href="http://www.7880.com/Info/Article-e142040.html">XML简易教程之三</A><BR>·<A
href="http://www.7880.com/Info/Article-9ac8060.html">XML HTTP
请求</A><BR>·<A
href="http://www.7880.com/Info/Article-6d321a0.html">XML技术系列讲座（9）客户机与服务器的数据交互（上）</A><BR>·<A
href="http://www.7880.com/Info/Article-6d01460.html">XML技术系列讲座（7）通过DOM操作数据（上）</A><BR>·<A
href="http://www.7880.com/Info/Article-e172d80.html">如何建立一个 XML
的开发环境</A><BR>·<A
href="http://www.7880.com/Info/Article-14f80ac0.html">WAP初级教程(6)—事件EVENT</A><BR>·<A
href="http://www.7880.com/Info/Article-6d4a840.html">XML技术系列讲座（10）客户机与服务器的数据交互（下）</A><BR>·<A
href="http://www.7880.com/Info/Article-9910920.html">XML入门简介</A><BR>·<A
href="http://www.7880.com/Info/Article-9a97320.html">简单的XML服务器</A><BR>·<A
href="http://www.7880.com/Info/Article-dfa2fa0.html">XML轻松学习手册（1）XML快速入门</A><BR>·<A
href="http://www.7880.com/Info/Article-9a665e0.html">XML
CDATA</A><BR>·<A
href="http://www.7880.com/Info/Article-9a04b60.html">XML数据岛</A><BR>·<A
href="http://www.7880.com/Info/Article-14f4fd80.html">WAP初级教程(4)—桌面DECK</A><BR>·<A
href="http://www.7880.com/Info/Article-14f376e0.html">WAP初级教程(3)—显示内容</A><BR>·<A
href="http://www.7880.com/Info/Article-16fbca0.html">了解
XML</A><BR>·<A
href="http://www.7880.com/Info/Article-14d36bc0.html">关于WAP编程</A><BR></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
<TABLE style="BORDER-RIGHT: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid"
height=20 cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR bgColor=#009900>
<TD align=right height=25><A
href="http://www.7880.com/Site.php?About"><FONT
color=#ffffff>关于我们</FONT></A> <FONT color=#ffffff>|</FONT> <A
style="CURSOR: help" href="http://www.7880.com/Site.php?Help" h><FONT
color=#ffffff>帮助(？)</FONT></A> <FONT color=#ffffff>|</FONT> <A
href="http://www.7880.com/Site.php?Copyright"><FONT
color=#ffffff>版权声明</FONT></A> <FONT color=#ffffff>| </FONT><A
href="http://www.7880.com/Site.php?Link"><FONT
color=#ffffff>友情链接</FONT></A> <FONT color=#ffffff>|</FONT> <A
href="http://www.7880.com/SendMail.php?Go=Webmaster::1"
target=_blank><FONT color=#ffffff>联系我们</FONT></A>
</TD></TR></TBODY></TABLE>
<TABLE
style="BORDER-RIGHT: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid"
height=18 cellSpacing=0 cellPadding=0 width=760 align=center border=0>
<TBODY>
<TR>
<TD vAlign=center width="69%" height=19><FONT
face="Verdana, Arial, Helvetica, sans-serif">Copyright 2004-2008
www.7880.com Inc. All rights reserved.</FONT></TD>
<TD align=right width="31%" height=19>
<SCRIPT language=JavaScript src="WAP初级教程(3)—显示内容.files/click.htm"
type=text/javascript></SCRIPT>
</TD></TR></TBODY></TABLE></BODY></HTML>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -