下面我們來試著做一個簡單的網頁，希望您能跟著我們操作，這只會花費您一分鐘時間。現在您也許不知道那些尖括號 和里面的字母究竟是些什么東西，不要擔心，我們會在后面的教程中向您介紹。 首先請運行記事本，或在任意位置新建一個文本文檔，在記事本內輸入如下內容： 以下為引用的內容： 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
看看上面這個網頁， head 和 /head 之間的內容正常的顯示在頁面上了。但是這是滑稽的錯誤，把身子放在腦袋里了。 示例二 腦袋長在脖子下 html head /head body title 我是這個網頁的標題 /title p 這是我的第一個網頁。 /p /body /html
