HTML：負責網頁結構的
CSS：負責網頁的樣式(美觀)
JavaScript：負責客戶(瀏覽器)端與用戶進行交互

1、HTML語言的特點

1.由標簽組成
2.語法結構松散
3.大小寫不區分
4.結束標簽與開始標簽不一定匹配

2、XML語言的特點

xml文件是以xml後綴結尾
xml文件需要使用xml解析器去解析.瀏覽器內置了xml解析器

語法：<student>student</student> 開始標簽 標簽內容 結束標簽
1.xml標簽區分大小寫.
2.xml標簽一定要正確的配對
3.不能以數字開頭
4.xml標簽中間不能有空格

3、HTML和XML的區別

4、XML的屬性

1.屬性值必須用引號包含,不能省略,也不能單雙混用!!!
2.一個標簽內可以有多個屬性,但是不能出現重復的屬性名!!!

5、特殊字符（轉義字符）

　　<         &lt;
　　>         &gt;  
　　"         &quot;
　　空格       &nbsp;

6、實例

例1：

 1 <?xml version="1.0" encoding="utf-8"?><!-- 指定編碼形式 -->
 2 
 3 <!-- CDATA塊：作用是，將該塊中的內容以文本的形式顯示出來
 
 4 
 5     特殊字符（轉義字符）:
 6     　　<         &lt;
 7 　　    >         &gt;  
 8 　　    "         &quot;
 9 　　    空格       &nbsp;
10 -->    
11 <contactList>
12     <contact>
13         <num>007</num>
14         <name>張三</name>
15         <age>500</age>
16         <phone>18164109591</phone>
17         <email>[email protected]</email>
18         <QQ>872855221</QQ>
19     </contact>
20     <contact>
21         <![CDATA[
22         <num>008</num>
23         <name>李四</name>
24         <age>18</age>
25         <phone>13884109591</phone>
26         <email>[email protected]</email>
27         <QQ>152755221</QQ>
28         ]]>
29     </contact>
30         &lt;p&gt;hello&lt;/p&gt;
31 </contactList>

例1結果圖

例2：

 1 <?xml version="1.0" encoding="utf-8"?><!-- 指定編碼形式 -->
 2 <?xml-stylesheet type="text/css" href="contacts.css"?> <!-- 作用：在瀏覽器中顯示時，只顯示標簽中的內容，不顯示標簽。後面href中的內容是用來調樣式的css文件 -->
 3 <!--
 4 需求:通訊錄系統
 5     聯系人數據：編號,(唯一) 姓名  年齡 電話 郵箱  QQ
 6     要求：
 7         1.設計一個xml文件,用於存儲聯系人信息數據
 8         2.這個xml文件是可以存儲多個聯系人的
 9 -->
10 
11 <contactList>
12     <contact>
13         <num>007</num>
14         <name>張三</name>
15         <age>500</age>
16         <phone>18164109591</phone>
17         <email>[email protected]</email>
18         <QQ>872855221</QQ>
19     </contact>
20     <contact>
21         <num>008</num>
22         <name>李四</name>
23         <age>18</age>
24         <phone>13884109591</phone>
25         <email>[email protected]</email>
26         <QQ>152755221</QQ>    
27     </contact>
28         &lt;p&gt;hello&lt;/p&gt;
29 </contactList>

contacs.css文件

例2結果圖

java基礎70 負責靜態的網頁的制作語言XML（網頁知識）