第 4 课：制作自己的第一个网站
有了从前面几课的基础，现在只需再花几分钟时间，你就能学会如何制作自己的 第一个网站了。
如何做呢？ 如何做呢？
通过第一课，我们知道制作一个网页需要有浏览器和记事本程序（或者类似的文 本编辑器）。既然你现在已经在用浏览器阅读本教程了，那么请再打开一个窗 口——这样你就可以一边阅读本教程，一边欣赏你的新网页了。 另外，请打开记事本程序（Notepad）：依次选择“开始菜单→程序→附件→记 事本”即可。
现在一切就绪了！
然后呢？ 然后呢？
我们先从简单的做起吧。先试着做一个显示如下内容的网页：“哇！这是我的第 一个网站。”继续学习，就你就知道这是多么容易了。 HTML 简单易学。浏览器读 HTML 就跟你读书一样，也是从上往下，从左到右进行 就跟你读书一样，也是从上往下， 浏览器读 的。所以，HTML 文档的开始和结束便对应于网页的头和尾。 你首先要做的是告诉浏览器 你们将采用 HTML 语言来“对话” 这是通过 ， 。 标签来实现的（这是容易理解的）。所以，在做所有其他事之前，先在记事本的 第一行敲入“”。 也许你记得前面课程中我们说过，这里的是首标签，在 HTML 文档结尾处 必须有相应的尾标签与之对应。好的，为了防止最后忘记写这个尾标签，我们现 在就输入“”，然后在和之间留些空行，用于书写其余代 码。 下面，我们需要为 HTML 文档写一个“头部（head）”，它提供关于当前文档的 信息；然后写一个“主体（body）”，它提供文档的内容。HTML 最重要的就是 简单——在这里，我们只需把头部（和）放到主体(和）的前面就行了。 如下所示：
注意我们是如何用换行 （用Enter 键） 与缩进 （用 Tab 键） 令代码具有层次感的。理论上，你如何书写 HTML 文档，这无关紧要。但为了便于阅读代码，和保持良 好的概貌，我们强烈建议你采用换行与缩进来层次化 HTML代码 代码，就像上面的例 强烈建议你采用换行与缩进来层次化 子一样。 上面这个文档便构成了你的第一个网站——它只包含一个网页，而且内容很单 调，可能与你的想象相去甚远，但在一定程度上它仍是一个网站。你可以将它用 作其他 HTML 文档的基本模版。
不错不错，但我如何添加更多内容？ 不错不错，但我如何添加更多内容？
前面我们学到过，HTML 文档有两个部分：头部（head）和主体（body）。你在 你在 头部（head）提供关于网页的信息，你在主体（body） 头部（head）提供关于网页的信息，你在主体（body）部分提供网页的具体内 容。比如，如果你要指定 HTML 文档的网页标题（title）（它将显示在浏览器窗口顶 部），你就要在头部（head）提供有关信息。用 title 元素来指定网页标题：即 在首标签与尾标签之间写上网页标题：
我的第一个网站
注意，网页标题（title）不是显示在网页里，而是显示在浏览器窗口的标题栏 上的。网页里显示的所有内容都必须放在 body 元素里。 比如，我们要在网页里显示“哇！这是我的第一个网站。”这行文字，它属于主 体（body）部分，所以我们在 body 元素里输入：
<p>哇！这是我的第一个网站。</p>
标签<p>里的 p 是“段落（paragraph）”的意思，也就是一个文本段落。 现在，你的 HTML 文档应该是这样：
我的第一个网站 <p>哇！这是我的第一个网站。</p>
搞定！ 你已经完成了自己第一个真正的网站（尽管它只包含一个网页）！
接着，你需要将它保存到你的硬盘上，然后在浏览器中打开它：
在记事本的“文件”菜单下选择“另存为...”。 这时会弹出一个对话框，在“保存类型”右边的下拉菜单里选择“所有文件”。这 一点很重要——否则，它将被保存为文本文档，而不是 HTML 文档。 现在将这个文档保存为“page1.htm”（后缀名“htm”表明它是一个 HTML 文档。 后缀名用“html”也可以，但我比较习惯使用“htm”，你可以根据自己的喜好选用 二者中的任一个） 。将 HTML 文档保存在硬盘上的哪个文件夹无关紧要——只要你 记得保存位置，并能再次找到它就行。
现在打开浏览器：
在“文件”菜单下选择“打开”。 在弹出的对话框中点击“浏览”按钮。 现在，请找到你的 HTML 文档，然后点击“打开”。
这时，浏览器中应显示“哇！这是我的第一个网站。”。恭喜！ 如果你迫切希望自己的杰作能被全世界看到，你可以先去第 14 课学习一下如何 把自己的网页上传到因特网（
internet）上。如果你不着急的话，那么请继续往 下学习。乐趣才刚刚开始。
到目前为止学到了些什么？
