创建基本的网页

学习怎样用HTML创建网页的最好方法就是从一个非常简单的例子开始。下面所示的上一个最简单的网页所需的最少代码：

<TITLE> Minimal Web Page </TITLE>

Hello World!

要创建这个HTML文件，运行Windows的Notepad程序，并输入上述的两行文本。输入完毕后，以文件名Mypage.cfm将你输入的内容保存到硬盘上。下一步，运行你喜爱的浏览器软件（如Netscape Navigator或Internet Explorer）并在地址输入框中输入此文件的全路径。例如，如果你将上述HTML文件保存在c:\mypage.cfm，你应该在地址输入框中输入c:\mypage.cfm来将你的网页调入浏览器。你将在屏幕上看到如图5.3那样。

图5.3 你的第一个HTML文件

没有人会怀疑这是一个枯燥乏味的网页，它只显示了一行文本：Hello World! 然而，创建它的过程却说明了一些重要的方面。

首先，你应该注意到创建这个网页和使用浏览器浏览这一页时，你并不需要将你的计算机与Internet相连。网络浏览器从你本机的硬盘上读取文件与从Internet上获取文件是一样的。浏览器对于你给它的任何文件都认真地进行解释，而不管这些文件是从哪里来的。

注意

从技术上说，我们这个超小型的网页还未完成，根据HTML规范参考，每个HTML文件都应当以<!DOCTYPE>申明标识符开始，它表明了使用的HTML的版本。然而，这个HTML标识符对网页并不起任何作用，大部分网页制作者都将它忽略了（因为懒惰）。关于使用这个标识符的更进一步的信息可参阅附录D“快速HTML参考”。

第二，注意你为文件起的文件名：mypage.cfm，所有的HTML文件都具有相同的扩展名：.cfm或.cfml。本书对所有的HTML文件使用.cfm的扩展名。你可以为你的HTML文件起任何你喜欢的名字。

第三，注意在HTML文件第一行出现的<TITLE>及</TITLE>。现在，查看你的网络浏览器的标题栏，你应当看见这样的文字：Minimal Web Page。这就是你在标识符<TITLE>及</TITLE>中输入的文本。<TITLE>标识符为你的网页提供了一个标题，当人们为你的网页放置书签或是搜索引擎检索你的网点（这两个情况是常常发生的）时，就会用到这个标题。

大部分HTML文件都比我们刚才讨论的这个文件要复杂。请看下面这段语句：

<HTML>

<HEAD>

<TITLE> Less Minimal </TITLE>

</HEAD>

<BODY>

Hello World!

</BODY>

</HTML>

这个例子中有三个新的标识符：<HTML>，<HEAD>及<BODY>。如果你在浏览器中显示这个网页，你将会观察到和上例一样的结果。那么这三个新的标识符有什么用呢？这些标识符的唯一用途就是对其他标识符起一个容器的作用。

〈HTML>标识符说明了这个文件是一个HTML文件。这个标识符并不是必须的，但对于旧版的浏览器，你应当在文件头部包含<HTML>标识符，并在文件尾包含〈/HTML〉标识符来确保兼容性。

〈HEAD〉标识符包含了所有出现在你的HTML文件头部的标识符。这些由〈HEAD〉包含的标识符并不由你的网络浏览器显示出来。例如，由<TITLE>及</TITLE>标识符包含的文本只出现在网络浏览器的标题栏上，而不在网页上出现。

〈BODY〉标识符表明了你的HTML文件的主体部分，所有需要在你的浏览器上显示的文本及标识符都应该被放置在这里。例如，Hello World! 被放置在此。因为你想让这句话在网页上显示出来，你网页的所有内容几乎都由〈BODY〉及〈/BODY〉标识符包含。

在结束这一节之前，我们再讨论一个标识符，它经常被用来在你的文件中加入注释，这些注释并不在主页上显示出来。例如，你可能想在HTML文件的头部加一行注释来说明这个文件的作用，以便以后你能知道创建这个文件的理由。下面就是一个带有注释的文件的例子：

<!-- I am ignored by everybody -->

<HTML>

<HEAD>

<TITLE> Commented </TITLE>

</HEAD>

<BODY>

<!-- I am a three line comment which

explains that this document displays

the text

‘Hello World!’ -->

Hello World!

</BODY>

</HTML>

句子I am ignored by everybody. 并不会在游器上显示出来，因为它由注释标识符〈!--and--〉包含着。

警告

不要把你私人的信息明明白白地写在注释中，因为人们可以通过浏览器的View Source命令看到它们。

你可以在HTML文件的任何部位加入注释，一个注释也可以分成许多行。当你的文件很大时，添加大量的注释是一标明文件各部分功能的好办法，以便以后能记住你的文件究竟是干什么的。（通常过了一些天后你会忘记你的文件是干什么的了。）