WML学习(三):显示文本

2016-02-19 15:46 6 1 收藏

生活已是百般艰难,为何不努力一点。下面图老师就给大家分享WML学习(三):显示文本,希望可以让热爱学习的朋友们体会到设计的小小的乐趣。

【 tulaoshi.com - Web开发 】

显示文本
在文本的显示上WML基本和HTML相同。文字段落包含在p align= "alignment" mode=" wrapmode"和/p之间,align属性指定该段文字的对齐方式,默认的是left,其他可选择right和center;mode属性指定当一行显示不下所有的文字时是否自动换行,默认的是自动换行wrap,如果选nowrap,则在一行中显示,浏览器会通过类似于水平滚动条的机制来显示所有文字。

   换行标签也一样为br/,这里先替一下,在标单中如果有多个input或者select,其间不要用br/,否则会使手机浏览器认为是断点而把表单分页显示。

   文字的修饰标签有b、i、u、em、strong、big和small,意义和HTML里的相同。

   表格的显示标签也和HTML相近,使用table title="name" align="left|right|center" columns="列数"、tr和td来显示,table的title属性用来给表格取个名字,columns属性指定表的列数,不能为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"
iHello/ibr/
biWorld!/i/b
table title="mytable" align="right" columns="2"
tr
td1-1/td
td1-2/td
/tr
tr
td2-1/td
td2-2/td
/tr
/table
/p
/card
/wml

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

显示图片

  显示图片(1位黑白BMP图片)的标签一样类似于HTML,img alt="text" src="url" localsrc="icon" align="left" height="n" width="n" vspace="n" hspace="n"/,属性中alt和src是必须要有的,其他可选。另外要注意的是img要放在p里,不能放在do和option等功能健标签和选单标签里。
   *alt属性用来指定当手机不支持图片显示时用来显示的文字。
   *src属性指定图片的URL,但当有了以下的localsrc属性时,手机浏览器就忽略src属性。
   *localsrc属性用来指定显示存在手机ROM中的图标,如果找不到,则到UP.Link Server上去找。
   *可选的align属性用来表明图片同当前行文本的对齐方式,默认值为bottom,可选to和middle。
   *height、width、vspace、hspace属性分别指定图片的长宽和距环绕文字的间距,目前不是所有的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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1610376.html

延伸阅读
标签: PHP
  一个可以文本显示的公告栏,可以在多处使用,绝对不可错过! 脚本说明: 第一步:把如下代码加入<head区域中 <script language="JavaScript" <!-- Activate Cloaking Device var i = 0; // used to cycle thru messages var TextNumber = -1; // array of messages var TextInput = new Object(); // us...
标签: Web开发
上一个教程中我们已经讲了如何在浏览器中输出文本,以及文本输出的格式,这个教程中我们将谈一谈文本输出的字体,如斜体、黑体字、下加一划线等等。在本教程的最后给出了一个文本标志的综合示例,希望读者能认真阅读。 1.pre/pre pre/pre标志对用来对文本进行预处理操作。 2.h1/h1……h6/h6 Html语言提供了一系列对文本中的标题进行操作的标...
学习篇 了解了一些最基本的操作命令后,我们再来学习如何创建一个数据库和数据库表。 1、使用SHOW语句找出在服务器上当前存在什么数据库: mysql SHOW DATABASES; +----------+ | Database | +----------+ | mysql| | test | +----------+ 3 rows in set (0.00 sec) 2、创建一个数据库abccs mysql CREATE DATABASE abc...
标签: word
(www.tulaoshi.com) word文本框显示不出来   如果您在word文档中插入了一个文本框,然而,文本框却看不到,显示不出来,那么,说明您的文本框边框的颜色肯定设置为无了。并非是未成功插入文本框。 如果想让文本框能够显示出来,请使用如下的方法。 如下图一样,选择文本框对象,选择的时候,大概都能猜到插入文本框的位置,...
标签: Web开发
CSS+Javascript实现新闻滑动文本选项卡显示,在网页中应用选项卡可以使网页显得更紧凑,结合AJAX技术可以使页面在有限的空间内展现更多的内容: 以下是引用片段: !DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd" HTMLHEADTITLE绝对经典的滑轮新闻显示(jav...

经验教程

369

收藏

7
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部