每一個網頁的開始都是以<wml>開始,</wml>結束,因此將它們加入你的網頁中。整個網頁的內容,就發生於這兩個標籤之間。

<wml>
</wml>


這時候,我們要講正經的事了。在開始的標籤之下,鍵入<card>的開始與結束標籤。出現在網頁之中的一般內容,就是介於標籤之間。 請記住「先開後關」的原則)。

<wml>
<card>
</card>

</wml>


到目前為止,我們的網頁看起來還不怎麼樣,對吧?你在瀏覽器上所看到的一切,只有位於一大片空白網頁。別擔心;我們才剛開始而已。我們接著將讓事情變得更有趣。

 

現在是在我們的網頁上談點東西的時刻了。我們從最簡單的開始,那就是:HELLO WORLD! 請將這句話,加入標籤之下。記得,在起始一段文章的開始時,得加上<p>(paragraph)這個標籤 。

<wml>
<card>
<p>
HELLO WORLD
!
</p>
</card>

</wml>


有點無聊吧?這不過是平淡無奇的文字,沒有任何地方可吸引人們的目光。你可以運用特定的標籤,例如說<i>或<em>,<strohg>等等,讓這段字加粗、變成斜體字,並放大字的尺寸。這裡列出幾個標籤來讓你使用。當然,你要聰明地運用這些標籤,太多強調性的內容,會讓整個網頁看起來紛亂不已。

<en>
<strong>
<i>
<b>
< u>
<big>
<small>

加粗
加黑再加粗
斜體
黑體
加底線
加大字體
縮小字體

這下子讓我們為這段文字來點變化吧,就像下面這樣:

<wml>
<card>
<p>
<strong><big>

HELLO WORLD
!
</big></strong>
</p>

</card>

</wml>

那樣好多了。請注意browser自動為你換行了,而且每一行也自動朝左排列(如果你沒有設定對齊方式的話,初始值是向左的) 。再告訴上站者更多的資訊吧。想建立我們的樣本網頁,請將下面的文字,直接打入標籤之下:

<wml>
<card>
<p>
<strong><big>

HELLO WORLD
!
This is my first WAP page!

</big></strong>
</p>

</card>

</wml>

嘿,我們這兩段文字怎麼了?它們合併成一段了,因為WML無法辨識強制轉行(hard return)。假如你想重掌文本內容的控制權,就需要另一組標籤:<br> 和<p>。

<br>可強制斷行而不會產生空白鍵。這對同一段落中換行排列來說頗有助益。過去,為避免文字跑出螢幕右方,需<br>標籤,但對於目前大多數使用的瀏覽器而言,已不是個嚴重的問題了。事實上,當上站者的瀏覽器視窗尺寸比一般還小時,手動斷行看起來常顯得頗為怪異:內容有些會超出螢幕、有些會覆蓋到下一行,或是該行出現幾個字之後就又換行。與其在每一行尾使用<br> 標籤,不如基於設計或內文排列的理由,只在需要換行的地方使用即可。

<p>標籤則是將文本斷行,並插入一行空白列,這對於段落分明的內容來說頗為有用。<br> 和<p>這兩種標籤,預設值都是讓接下來的文字從左邊開始,但是<p>標籤的align屬性,卻可以改變這一點。請<p align=right>,好讓段落朝右排列,或是用使用<p align=center>讓段落朝中間排列。

由於我們希望這個樣本,能分成兩段獨立的段落,因此請在每一段文字段落之前,插入一個<p>標籤,就像下面這個樣子:

<wml>
<card>
<p>

HELLO WORLD
! </p> <p>
This is my first WAP page!

</p>

</card>

</wml>

好了,學了這麼多,接下來就用個例子,把我們剛剛所學到的東西,合併在一起,順便簡查一下我們學了多少了。

<xml xml:lang="en-us">
<card id="card1" title="Card 1">
<do type="accept">
<go href="#card2"/>
</do>
<p>
Hello world! This is the first card...
</p>
</card>

<card id="card2" title="Card 2">
<p>
This is the second card. Goodbye.
</p>
</card>
</wml>

(有些東西,例如<do>和<go>這些標籤會在接下來的課程中陸續學到)