?? 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 + -