WML语言初探

dennisbing

浏览: 160838 次
性别:
来自: 北京

最近访客更多访客>>

衣清贰佰

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

前端开发css-js

今天要写一个wml的简单的页面,开始没有头绪,后来稍微研究了一下,发现wml的页面还是写起来没有那么困难的.

WAP 协议用于在无线客户端（比如移动电话）上展示因特网内容。

Deck / Card 元素

开始标签作用 WML

<access>	定义关于 deck 的访问控件的信息。	1.1
<card>	定义 deck 中的一个 card。	1.1
<head>	包含关于文档的信息。	1.1
<meta>	定义有关文档的元信息。	1.1
<template>	为 deck 中的所有 card 定义代码模板。	1.1
<wml>	定义 WML deck (WML 根)	1.1
<!-->	定义注释。	1.1

文本元素

开始标签作用 WML

<br>	定义一个换行。	1.1
<p>	定义一个段落。	1.1
<table>	定义表格。	1.1
<td>	定义一个表格单元（表格数据）。	1.1
<tr>	定义一个表格行。	1.1

文本格式化标签

开始标签作用 WML

<b>	定义粗体的文本。	1.1
<big>	定义大号的文本。	1.1
<em>	定义着重文本。	1.1
<i>	定义斜体的文本。	1.1
<small>	定义小号的文本。	1.1
<strong>	定义强调文本。	1.1
<u>	定义下划线文本。	1.1

锚元素

开始标签作用 WML

<a>	定义一个锚（链接）。	1.1
<anchor>	定义一个锚（链接）。	1.1

图像元素

开始标签作用 WML

<img>	定义图像。	1.1

<img>

定义图像。

1.1

事件元素

开始标签作用 WML

<do>	在用户点击屏幕上的一个单词或短语时激活一个任务。	1.1
<onevent>	包含了当某些事件发生时所执行的代码。	1.1
<postfield>	包含了连同 <go> 标签被送往服务器的信息。	1.1

任务元素

开始标签作用 WML

<go>	表示跳转到新卡片的动作。	1.1
<noop>	表示不进行任何动作（noop 指的是 "no operation"）。	1.1
<prev>	表示返回前一个访问过的卡片。	1.1
<refresh>	刷新指定的卡片变量。如果有变量显示在屏幕上，此任务也会刷新屏幕。	1.1

输入元素

开始标签作用 WML

<fieldset>	用于对卡片中的相关元素进行分组。	1.1
<input>	定义输入字段（用户可在其中输入文本的文本域）。	1.1
<optgroup>	定义可选列表中的一组选项。	1.1
<option>	定义可选列表中的选项。	1.1
<select>	定义可选列表。	1.1

变量元素

开始标签作用 WML

<setvar>	在 <go>、<prev> 或 <refresh> 任务中把变量设置为指定的值。	1.1
<timer>	定义卡片计时器。	1.1

今天写的一个小页面:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 <title>手机分享</title>
</head>

<body style="width:240px;font-size:12px;img">
 <div><a href="http://www.faveting.com"><img src="/img/icon/logo.png" width="100px" height="24px" style="border: 0 none;"/></a> 
 一起珍藏瞬间的感动，分享精彩的生活 
 <card title="img">
 <a href="/user/center?touid={$aUserInfo.uid}">{$aUserInfo.username}</a> : {$aPhotoInfo.description}
 <a href="/photo/viewPhotoInfo?pid={$aPhotoInfo.pid}"><img src="{$aPhotoInfo.path}" style="border: 0 none;" width="213px" height="213px"/></a>
 </card> 
 <a href="/user/center?touid={$aList.messagesinfo.create_uid}">{$aUserInfo.username}</a> 正在使用的乐悠悠是一款免费的照片云存储和分享产品。 
 乐悠悠网站：<a href="http://www.faveting.com">www.faveting.com</a> 
 乐悠悠手机客户端下载 
 
 <a href="#" style="padding-right:4px;">andriod客户端</a>
 <a href="#">iphone客户端</a>
 
</body>
<html>

分享到：

去掉图片链接周围的虚线框 | js显示当前时间

2011-07-15 22:58
浏览 760
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论