您的位置:首页 > Web前端 > HTML

VML语言入门 - 如何编写、保存、运行VML程序

2007-11-07 11:14 666 查看
VML的编写:

VML是一种类似HTML的标记语言,它最简单的开发工具其实就是记事本,好点的开发工具就是HTML编辑器(主要能够适时、迅速的在浏览器浏览VML效果)。我比较推荐“网络程序员伴侣(Lshdic)2005”简称LD5,你可以在www.GOOGLE.com或www.baidu.com中搜索找到它的下载地址。这个软件有很多辅助功能(动态提示、语法加亮、编程铺助输入、适时浏览)等实用功能,特别适合进行网络程序的编辑和开发。不过你现在是学习阶段,就算下载了它,我只建议你只用它的“适时浏览”功能(即在编码器内写完VML标记,按下F1键即能自己创建HTM浏览文件,在浏览器运行,比较剩时剩力)。

VML文件的保存、运行VML程序

以前说过,VML是跟HTML、CSS、DHTML、JS等等网页设计语言搀杂在一起的,所以VML文件其实就是一个HTML文件。比如你用记事本写完了VML代码,你可以直接另存为xxx.htm或xxx.html文件放在电脑硬盘的任一个地方,然后找到它双击打开,就会在浏览器中看到运行效果。你如果用LD5或其他HTML编辑工具,则直接在其核心编码器内写好VML语句,然后通过该软件提供的“在浏览器运行查看”功能,迅速的打开浏览器浏览,比较节省时间

VML网页文件的标准格式

<HTML xmlns:v="urn:schemas-microsoft-com:vml"
xmlns:o="urn:schemas-microsoft-com:office:office">
<HEAD>
<STYLE>
v/:* { behavior: url(#default#VML);}
o/:* { behavior: url(#default#VML);}
</STYLE>
<TITLE>网页的标题</TITLE>
</HEAD>
<BODY>

</BODY>
</HTML>

简写成
<HTML xmlns:v>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005'>
<TITLE>网页的标题</TITLE>
<STYLE>
v/:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<BODY>

</BODY>
</HTML>

 

理解为如下(//符号后是解释)
<HTML xmlns:v> <HEAD> <META http-equiv='Content-Type' content='text/html;charset=gb2312'> <Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005'> <TITLE>网页的标题</TITLE>
<STYLE> v/:*{behavior:url(#default#VML);} </STYLE>
</HEAD>
<BODY>

</BODY>
</HTML> //网页结束语句

VML语言跟HTML很类似,不仅指的他们都是标记语言。更重要的是VML语句同样不区分大小写、属性可以是
value=参数值 或 value='参数值'

或 value="参数值"。编写起来感觉相当自由,精通了VML以后,你会不分VML、HTML般的编辑网页 

 

<HTML xmlns:v>
<HEAD>
<META http-equiv='Content-Type' content='text/html;charset=gb2312'>
<Meta name='Gemeratpr' content='网络程序员伴侣(Lshdic)2005'>
<TITLE>hello vml!!!</TITLE>
<STYLE>
v/:*{behavior:url(#default#VML);}
</STYLE>
</HEAD>
<BODY>
<b>第一个VML实例(2个OVAL圆形,1个roundrect圆矩形):</b><p>
<v:Oval fillcolor='red' style='width:100;height:150'/>

<v:oval strokecolor=blue style="position:absolute;z-index:2;left:300;top:100;width:100;height:150"></v:oval>

<v:ROUndREct FILLCoLOr=green strokecolor=blue style=position:absolute;z-index:3;left:350;top:200;width:100;height:150;color:white;font-size:25px;>
包含<b>内容</b>
</v:roundrect>

</BODY>
</HTML>

 

 

名域自由命名

你也许会问,只有用“v”做为VML标记的名域么?当然不是,你完全可以使用其他名称,只要名称格式英文、或英文+数字的格式,例如
<HTML xmlns:fyw>
<STYLE>FYw/:*{behavior:url(#default#VML);}</STYLE>
<BODY>

<b>第一个VML实例(2个OVAL圆形,1个roundrect圆矩形):</b><p>
<fyw:Oval fillcolor='red' style='width:100;height:150'/>

<FYW:oval strokecolor=blue style="position:absolute;z-index:2;left:300;top:100;width:100;height:150"></fyw:oval>

<Fyw:ROUndREct FILLCoLOr=green strokecolor=blue style=position:absolute;z-index:3;left:350;top:200;width:100;height:150;color:white;font-size:25px;>
包含<b>内容</b>
</fYW:roundrect>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
相关文章推荐