有了從前面幾課的基礎(chǔ)，現(xiàn)在只需再花幾分鐘時(shí)間，你就能學(xué)會(huì)如何制作自己的第一個(gè)網(wǎng)站了。
如何做呢？
通過(guò)第一課，我們知道制作一個(gè)網(wǎng)頁(yè)需要有瀏覽器和記事本程序（或者類似的文本編輯器）。既然你現(xiàn)在已經(jīng)在用瀏覽器閱讀本教程了，那么請(qǐng)?jiān)俅蜷_(kāi)一個(gè)窗口——這樣你就可以一邊閱讀本教程，一邊欣賞你的新網(wǎng)頁(yè)了。
另外，請(qǐng)打開(kāi)記事本程序（Notepad）：依次選擇“開(kāi)始菜單→程序→附件→記事本”即可。
現(xiàn)在一切就緒了！
然后呢？
我們先從簡(jiǎn)單的做起吧。先試著做一個(gè)顯示如下內(nèi)容的網(wǎng)頁(yè)：“哇！這是我的第一個(gè)網(wǎng)站?！崩^續(xù)學(xué)習(xí)，就你就知道這是多么容易了。
HTML簡(jiǎn)單易學(xué)。瀏覽器讀HTML就跟你讀書一樣，也是從上往下，從左到右進(jìn)行的。所以，HTML文檔的開(kāi)始和結(jié)束便對(duì)應(yīng)于網(wǎng)頁(yè)的頭和尾。
你首先要做的是告訴瀏覽器，你們將采用HTML語(yǔ)言來(lái)“對(duì)話”。這是通過(guò)<html>標(biāo)簽來(lái)實(shí)現(xiàn)的（這是容易理解的）。所以，在做所有其他事之前，先在記事本的第一行敲入“<html>”。
也許你記得前面課程中我們說(shuō)過(guò)，這里的<html>是首標(biāo)簽，在HTML文檔結(jié)尾處必須有相應(yīng)的尾標(biāo)簽與之對(duì)應(yīng)。好的，為了防止最后忘記寫這個(gè)尾標(biāo)簽，我們現(xiàn)在就輸入“</html>”，然后在<html>和</html>之間留些空行，用于書寫其余代碼。
下面，我們需要為HTML文檔寫一個(gè)“頭部（head）”，它提供關(guān)于當(dāng)前文檔的信息；然后寫一個(gè)“主體（body）”，它提供文檔的內(nèi)容。HTML最重要的就是簡(jiǎn)單——在這里，我們只需把頭部（<head>和</head>）放到主體(<body>和</body>）的前面就行了。
如下所示：
</html>
<head>
</head>
<body>
</body>
</html>
注意我們是如何用換行（用Enter鍵）與縮進(jìn)（用Tab鍵）令代碼具有層次感的。理論上，你如何書寫HTML文檔，這無(wú)關(guān)緊要。但為了便于閱讀代碼，和保持良好的概貌，我們強(qiáng)烈建議你采用換行與縮進(jìn)來(lái)層次化HTML代碼，就像上面的例子一樣。
上面這個(gè)文檔便構(gòu)成了你的第一個(gè)網(wǎng)站——它只包含一個(gè)網(wǎng)頁(yè)，而且內(nèi)容很單調(diào)，可能與你的想象相去甚遠(yuǎn)，但在一定程度上它仍是一個(gè)網(wǎng)站。你可以將它用作其他HTML文檔的基本模版。
不錯(cuò)不錯(cuò)，但我如何添加更多內(nèi)容？
前面我們學(xué)到過(guò)，HTML文檔有兩個(gè)部分：頭部（head）和主體（body）。你在頭部（head）提供關(guān)于網(wǎng)頁(yè)的信息，你在主體（body）部分提供網(wǎng)頁(yè)的具體內(nèi)容。
比如，如果你要指定HTML文檔的網(wǎng)頁(yè)標(biāo)題（title）（它將顯示在瀏覽器窗口頂部），你就要在頭部（head）提供有關(guān)信息。用title元素來(lái)指定網(wǎng)頁(yè)標(biāo)題：即在首標(biāo)簽<title>與尾標(biāo)簽</title>之間寫上網(wǎng)頁(yè)標(biāo)題：
<title>我的第一個(gè)網(wǎng)站</title>
注意，網(wǎng)頁(yè)標(biāo)題（title）不是顯示在網(wǎng)頁(yè)里，而是顯示在瀏覽器窗口的標(biāo)題欄上的。網(wǎng)頁(yè)里顯示的所有內(nèi)容都必須放在body元素里。
比如，我們要在網(wǎng)頁(yè)里顯示“哇！這是我的第一個(gè)網(wǎng)站?！边@行文字，它屬于主體（body）部分，所以我們?cè)赽ody元素里輸入：
<p>哇！這是我的第一個(gè)網(wǎng)站。</p>
標(biāo)簽<p>里的p是“段落（paragraph）”的意思，也就是一個(gè)文本段落。
現(xiàn)在，你的HTML文檔應(yīng)該是這樣：
</html> <head> <title>我的第一個(gè)網(wǎng)站</title> </head> <body> <p>哇！這是我的第一個(gè)網(wǎng)站。</p> </body> </html>
搞定！ 你已經(jīng)完成了自己第一個(gè)真正的網(wǎng)站（盡管它只包含一個(gè)網(wǎng)頁(yè)）！
接著，你需要將它保存到你的硬盤上，然后在瀏覽器中打開(kāi)它：
- 在記事本的“文件”菜單下選擇“另存為...”。
- 這時(shí)會(huì)彈出一個(gè)對(duì)話框，在“保存類型”右邊的下拉菜單里選擇“所有文件”。這一點(diǎn)很重要——否則，它將被保存為文本文檔，而不是HTML文檔。
- 現(xiàn)在將這個(gè)文檔保存為“page1.htm”（后綴名“htm”表明它是一個(gè)HTML文檔。后綴名用“html”也可以，但我比較習(xí)慣使用“htm”，你可以根據(jù)自己的喜好選用二者中的任一個(gè)）。將HTML文檔保存在硬盤上的哪個(gè)文件夾無(wú)關(guān)緊要——只要你記得保存位置，并能再次找到它就行。
現(xiàn)在打開(kāi)瀏覽器：
- 在“文件”菜單下選擇“打開(kāi)”。
- 在彈出的對(duì)話框中點(diǎn)擊“瀏覽”按鈕。
- 現(xiàn)在，請(qǐng)找到你的HTML文檔，然后點(diǎn)擊“打開(kāi)”。
這時(shí)，瀏覽器中應(yīng)顯示“哇！這是我的第一個(gè)網(wǎng)站。”。恭喜！
如果你迫切希望自己的杰作能被全世界看到，你可以先去第14課學(xué)習(xí)一下如何把自己的網(wǎng)頁(yè)上傳到因特網(wǎng)（Internet）上。如果你不著急的話，那么請(qǐng)繼續(xù)往下學(xué)習(xí)。樂(lè)趣才剛剛開(kāi)始。
