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"
}
]
}