下面我們來試著做一個簡單的網頁，希望您能跟著我們操作，這只會花費您一分鐘時間。現在您也許不知道那些尖括號<>和里面的字母究竟是些什麼東西，不要擔心，我們會在後面的教程中向您介紹。
首先請運行記事本，或在任意位置新建一個文本文檔，在記事本內輸入如下內容：
| 以下為引用的內容： <html> <head> <title>我是這個網頁的標題</title> </head> <body> <p>這是我的第一個網頁。 </p> </body> </html> |
輸入完畢後將文件保存，命名為index.html。 (點擊文件—>另存為。在文件名一欄填入index.html，在保存類型一欄選擇所有文件，然後點擊保存按鈕)
保存之後，雙擊該文件，瀏覽器就會自動打開這個網頁了。請確認一下你的網頁是否與該頁面相同，假如相同，那麼你就成功地完成了自己的第一個比較簡陋的網頁。
請注重，這只是一個簡單的頁面，雖然它在語法上符合XHTML的標準，但是假如要作為一個完整的、符合W3C標準的XHTML網頁，它還缺少一些內容。相關內容將在後面的教程中介紹。這個網頁僅僅是用來講解一些基礎的XHTML知識。
基礎知識講解我們剛剛製作的網頁以<html>開頭，以</html>結尾，它們分別代表網頁文件的開始和結束。
英文中head是頭的意思，body是身體的意思。網頁的<head></head>和<body></body>兩部分就分別代表了網頁的頭和身子。也許你注重到了，我們網頁的頭里面有一個<title></title>。 title一詞是標題的意思，網頁的標題(title)將會顯示在瀏覽器上方的標題欄中。而網頁的身子，也就是<body>與</body>標籤中間的內容將作為正文被顯示在瀏覽器中。
這個網頁很單薄，head和body中都沒有什麼內容。我們會在以後的教程中逐漸豐富網頁的內容。但是現在請您記住一個概念：網頁的頭(head)是為瀏覽器寫的，它將不會顯示在頁面上，而身子(body)是為網站的用戶寫的，是瀏覽器將要顯示的內容。
菜鳥惡搞XHTML之錯誤示例打開下面這兩個錯誤示例看看。它們的代碼都存在十分嚴重的錯誤，但是瀏覽器卻會準確無誤地顯示這兩個網頁。
| 示例1-身子長在腦袋裡 <html> <head> <title>我是這個網頁的標題</title> <p>這是我的第一個網頁。 </p> </head> <body> </body> </html> |