|
在一篇WAP的網頁上,要把內容做的好看,除了圖片之外,再來便是好好的利用Table(表格)。巧妙的運用Table,可以在字串外圍加上大小不一的[格子]。這些[格子]可以帶來整齊及美觀的要求。Table的使用上要配合<tr>跟<td>這兩個標籤。這兩個標籤我們將在接下來討論到。
Table的標籤是:
| <table columns="3">....................</table>
|
其中columns這個屬性是用來設定一列當中有幾個欄位,但columns的值(value)不可以為0,這個在WML的文法是錯誤的。在上面的例子中,是設定一列中有3個欄位。
<tr>(Table row)是用來界定某一列中的內容(containts)。而<td>則是用來界定Table中某一個欄位的內容。我想這個用個例子來說明會比較清楚一點的:
|
<wml>
<card id="card1" title="Weather Forecast">
<p>
<table columns="3">
<tr><td>Day</td><td>Wthr</td><td>Temp</td></tr>
<tr><td>M 6/7</td><td><img src="rainy.wbmp"
alt="rain"/></td><td>25' C</td></tr>
<tr><td>T 6/8</td><td>img src="partcldy.wbmp"
alt="partcldy"/></td><td>27' C</td>
</tr>
<tr><td>W 6/9</td><td><img src="cloudy.wbmp"alt="cloudy"/></td>
<td>24' C</td></tr>
<tr>T 6/10</td><td><img src="rainy.wbmp"
alt="rainy"/></td><td>28' C</td></tr>
<tr><td>W 6/9</td><td><img src="cloudy.wbmp"alt="cloudy"/></td>
<td>24' C</td></tr>
<tr>F 6/11</td><td><img src="sunny.wbmp"
alt="sunny"/></td><td>29' C</td></tr>
<tr><td>W 6/9</td><td><img src="cloudy.wbmp"alt="cloudy"/></td>
<td>24' C</td></tr>
</table>
</p>
</card>
</wml>
|
 |
|
