在 Web的程式設計領域中一定會一再的接觸到 XML 與 CSS檔案，它們在近年的網頁與網路程式設計上越來越重要。本節將簡要介紹這兩種檔案的意義與使用時機，當然也會有簡單的範例體驗一下。
XML: eXtensible Marlup Language 可延伸標記語言
XML 與我們學過的 HTML一樣也是一種標記語言，它們是由許多對稱的『標籤』組成，不同的是：
1.HTML的標籤是有固定定義的，譬如<Title>是標題，瀏覽器看到它就會把內容放到標題上；XML的標籤意義則要自行定義。
2.HTML不分大小寫，XML要！
3.某些HTML可以省略結束標籤，如表示段落的 <p>，但是XML所有標籤都必須有頭有尾。
4.HTML本身就可以定義顯示的格式(如字型大小等等)，XML的格式則必須搭配CSS檔案來定義。
XML的主要目的是在HTTP網路上傳遞資料。譬如一個表格以Excel的格式傳到瀏覽器可能無法正常顯示，變成XML就沒問題。
XML範例
下面是一個極簡單的XML檔案，第一行寫出使用的 XML 規格版本 (1.0)。
<GOODS>是一個基本的元素標籤，類似 HTML 裡面的 <HTML>，但是在此是使用者自己定義的，XML並沒有預設<GOODS>是什麼意義，端看後續的程式如何使用它們。
此例中 <GOODS>(貨物)下面有<ITEM>(項目)標籤，<ITEM>下則有<TITLE>(標題)與<PRICE>(價格)。
DESK 價格 3000，CHAIR 價格 800
這也是XML最常使用的方式，就是用來寫出資料內容，譬如資料庫中的幾筆資料，再以此格式在網路的 HTTP 通道上傳遞，並由客戶的瀏覽器將它呈現。它可能是HTML檔案內的一部分或者作為獨立檔案傳遞。
在瀏覽器裡面打開XML是這個樣子的，預設情況下 XML 就是使用瀏覽器開啟的檔案格式。在這裡它們以原始碼呈現，但是項目前面的減號可以將內容隱藏，之後變成加號也可以展開，標籤的內容變成粗體，這是瀏覽器提供的簡單的預設格式功能。
CSS是什麼？
CSS的一般中文稱呼是『樣式表』；英文全名為Cascading Style Sheets，直譯是階層式樣式表。
在多數的HTML標籤中都有一些屬性可以定義標籤內容的樣式，如顏色、字型大小等等，像這樣：
樣式表的功能與此類似，但可以超越標籤，一次定義網頁全體或一部份區域內的樣式參數。
<style>標籤
典型的 CSS 在 HTML 內的用法如下左：在網頁Head區塊中插入一個<style>標籤，分別用兩種顏色表示法定義<h1>是綠色，<h2>是紅色。所以後面的ABC為綠色，DEF為紅色。
下面範例顯示的是將Style(樣式)直接寫到標籤內，效果是最後定義者獲勝，<h1>變成藍色。
範例中也顯示顏色的表示法不只一種！還有一種是用百分比，如 rgb(50%, 50%,50%)是灰色
引用外部CSS檔案
所有的樣式也可以寫成一個獨立檔案，再由網頁引用。請將上例的樣式內容存為另一個附檔名為CSS的文字檔，
網站→加入新項目→樣式表
網頁改成↓效果與之前一樣。其中的 link 式連結檔案， rel 與 type 都是指出為樣式檔，href是連結的檔名(也可以用網址)。
CSS大量使用結果就是我們可以輕鬆使用『佈景主題』，每個佈景主題事實上是由幾個CSS檔案，搭配很多圖片圖案而成。
也可以替 XML 作樣式
下面是一個配合上述 XML 檔案的 CSS 格式檔。分別寫出<ITEM><TITLE><PRICE>幾個標籤出現時應該使用的格式。
display block表示一個『區塊』或文字編排的『段落』，前後都會有斷行的意思。
margin-top:12pt 表示段落離前面行距離12個點(pt)
font-size:10pt 是字型為10點大小。
font-style:italic 是斜體字。
font-weight:bold 是粗體字。
接下來回到 XML 檔中引用這個 css 檔案即可產生排版效果，如下的第二行：
stylesheet type ="text/css" 是表示使用文字格式的 css 檔案，檔名為"goods.css"，此例中這個檔應該與 xml 在同一目錄中。
再度執行 XML 瀏覽器會顯示如下：
