1.HTML
HTML的中文名为超文本标记语言(Hypertext Markup Language),它是一种制作页面的标准语言,也是浏览器使用的一种语言,而且它消除了不同计算机之间信息交流的障碍。HTML是目前网络上应用最为广泛的语言,也是构成网页文档的主要语言。
HTML文件是由HTML命令组成的描述性文本,HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML文件的结构包括头部(Head)和主体(Body)两大部分。其中,头部描述浏览器所需的信息,而主体包含所要说明的具体内容。
下面是一段HTML代码,它创建了一个两行三列的表格。
<html> <head> <title>HTML</title> </head> <body> <h4>两行三列:</h4> <table border="1"> <tr> <td>100</td> <td>200</td> <td>300</td> </tr> <tr> <td>400</td> <td>500</td> <td>600</td> </tr> </table> </body></html>
上述代码在浏览器中运行后,效果如图2-25所示。
图2-25 HTML示例
2.CSS
CSS指层叠样式表(Cascading Style Sheet),又称串样式列表、层次结构式样式表,它是一种用来为结构化文档(如HTML文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言,由W3C定义和维护。
下面是使用CSS构建一个水平导航栏的代码。
<html> <head> <style> ul{ list-style-type:none; margin:0; padding:0; overflow:hidden; } li{ float:left; } a{ display:block; width:60px; background-color:#dddddd; } </style> </head> <body> <ul> <li><a href="#home">Home</a></li> <li><a href="#news">News</a></li> <li><a href="#contact">Contact</a></li> <li><a href="#about">About</a></li> </ul> </body></html>
上述代码运行后,效果如图2-26所示。
图2-26 CSS示例
3.JavaScript
JavaScript是一种直译式脚本语言,也是一种动态类型、弱类型、基于原型的语言,它内置支持类型。它的解释器被称为JavaScript引擎,是浏览器的一部分。JavaScript是广泛用于客户端的脚本语言,最早在HTML网页上使用,用来给HTML网页增加动态功能。
下面是单击按钮弹出消息框的JavaScript代码。
<!DOCTYPE html><html> <body> <p>JavaScript 能够对事件作出反应。比如对按钮的点击:</p> <button type="button" onclick="alert('Welcome!')">点击这里</button> </body></html>
上述代码运行后,效果如图2-27所示。
图2-27 JavaScript示例
4.XML
XML的中文名为可扩展标记语言(Extensible Markup Language),它是一种标记语言。XML应用于Web开发的许多方面,常用于简化数据的存储和共享。微信基础消息的接收、发送都是使用XML来传输的。读者可以在后面的章节中看到很多XML数据的内容。
下面是一个简单的XML文件。
<xml> <to>张三</to> <from>李</from> <heading>提醒</heading> <body>记得开会</body></xml>
5.JSON
JSON(JavaScript Object Notation)是一种轻量级的数据交换格式。它是基于JavaScript语法标准的一个子集。JSON采用完全独立于语言的文本格式,可以很容易地在各种网络、平台和程序之间传输。JSON的语法很简单,易于阅读和编写,也易于机器解析和生成。
在微信的高级接口中,很多内容都是通过JSON来传递的。例如,创建自定义菜单时,就是通过传输一个固定格式的JSON内容来实现的。
下面是一段JSON内容。它定义了一个employees对象,包含两条员工记录(对象)的数组。
{ "employees": [ { "firstName": "Bill", "lastName": "Gates" }, { "firstName": "George", "lastName": "Bush" } ]}