文章詳情頁
WML學(xué)習(xí)之三 顯示文本
瀏覽:80日期:2022-06-03 18:52:15
顯示文本
在文本的顯示上WML基本和HTML相同。文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之間,align屬性指定該段文字的對齊方式,默認(rèn)的是left,其他可選擇right和center;mode屬性指定當(dāng)一行顯示不下所有的文字時是否自動換行,默認(rèn)的是自動換行wrap,如果選nowrap,則在一行中顯示,瀏覽器會通過類似于水平滾動條的機制來顯示所有文字。
換行標(biāo)簽也一樣為<br/>,這里先替一下,在標(biāo)單中如果有多個<input>或者<select>,其間不要用<br/>,否則會使手機瀏覽器認(rèn)為是斷點而把表單分頁顯示。
文字的修飾標(biāo)簽有<b>、<i>、<u>、<em>、<strong>、<big>和<small>,意義和HTML里的相同。
表格的顯示標(biāo)簽也和HTML相近,使用<table title="name" align="left|right|center" columns="列數(shù)">、<tr>和<td>來顯示,<table>的title屬性用來給表格取個名字,columns屬性指定表的列數(shù),不能為0,可選的align屬性和前面提到的一樣是對齊方式。表格中可以包含文字和圖片。
test1.wml
--------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<p align="center">
<i>Hello</i><br/>
<b><i>World!</i></b>
<table title="mytable" align="right" columns="2">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</p>
</card>
</wml>
顯示圖片
顯示圖片(1位黑白BMP圖片)的標(biāo)簽一樣類似于HTML,<img alt="text" src="url" localsrc="icon" align="left" height="n" width="n" vspace="n" hspace="n"/>,屬性中alt和src是必須要有的,其他可選。另外要注意的是<img>要放在<p>里,不能放在<do>和<option>等功能健標(biāo)簽和選單標(biāo)簽里。
*alt屬性用來指定當(dāng)手機不支持圖片顯示時用來顯示的文字。
*src屬性指定圖片的URL,但當(dāng)有了以下的localsrc屬性時,手機瀏覽器就忽略src屬性。
*localsrc屬性用來指定顯示存在手機ROM中的圖標(biāo),如果找不到,則到UP.Link Server上去找。
*可選的align屬性用來表明圖片同當(dāng)前行文本的對齊方式,默認(rèn)值為bottom,可選to和middle。
*height、width、vspace、hspace屬性分別指定圖片的長寬和距環(huán)繞文字的間距,目前不是所有的WAP手機都支持這些屬性。
test2.wml
---------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<p align="center"><img alt=":)" src="xxx.bmp" localsrc="smileyface"/></p>
</card>
</wml>
在文本的顯示上WML基本和HTML相同。文字段落包含在<p align= "alignment" mode=" wrapmode">和</p>之間,align屬性指定該段文字的對齊方式,默認(rèn)的是left,其他可選擇right和center;mode屬性指定當(dāng)一行顯示不下所有的文字時是否自動換行,默認(rèn)的是自動換行wrap,如果選nowrap,則在一行中顯示,瀏覽器會通過類似于水平滾動條的機制來顯示所有文字。
換行標(biāo)簽也一樣為<br/>,這里先替一下,在標(biāo)單中如果有多個<input>或者<select>,其間不要用<br/>,否則會使手機瀏覽器認(rèn)為是斷點而把表單分頁顯示。
文字的修飾標(biāo)簽有<b>、<i>、<u>、<em>、<strong>、<big>和<small>,意義和HTML里的相同。
表格的顯示標(biāo)簽也和HTML相近,使用<table title="name" align="left|right|center" columns="列數(shù)">、<tr>和<td>來顯示,<table>的title屬性用來給表格取個名字,columns屬性指定表的列數(shù),不能為0,可選的align屬性和前面提到的一樣是對齊方式。表格中可以包含文字和圖片。
test1.wml
--------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<p align="center">
<i>Hello</i><br/>
<b><i>World!</i></b>
<table title="mytable" align="right" columns="2">
<tr>
<td>1-1</td>
<td>1-2</td>
</tr>
<tr>
<td>2-1</td>
<td>2-2</td>
</tr>
</table>
</p>
</card>
</wml>
顯示圖片
顯示圖片(1位黑白BMP圖片)的標(biāo)簽一樣類似于HTML,<img alt="text" src="url" localsrc="icon" align="left" height="n" width="n" vspace="n" hspace="n"/>,屬性中alt和src是必須要有的,其他可選。另外要注意的是<img>要放在<p>里,不能放在<do>和<option>等功能健標(biāo)簽和選單標(biāo)簽里。
*alt屬性用來指定當(dāng)手機不支持圖片顯示時用來顯示的文字。
*src屬性指定圖片的URL,但當(dāng)有了以下的localsrc屬性時,手機瀏覽器就忽略src屬性。
*localsrc屬性用來指定顯示存在手機ROM中的圖標(biāo),如果找不到,則到UP.Link Server上去找。
*可選的align屬性用來表明圖片同當(dāng)前行文本的對齊方式,默認(rèn)值為bottom,可選to和middle。
*height、width、vspace、hspace屬性分別指定圖片的長寬和距環(huán)繞文字的間距,目前不是所有的WAP手機都支持這些屬性。
test2.wml
---------------
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card>
<p align="center"><img alt=":)" src="xxx.bmp" localsrc="smileyface"/></p>
</card>
</wml>
標(biāo)簽:
XML/RSS
排行榜
