创建基本的网页
学习怎样用HTML创建网页的最好方法就是从一个非常简单的例子开始。下面所示的上一个最简单的网页所需的最少代码:
<TITLE> Minimal Web Page </TITLE>
Hello World!
要创建这个HTML文件,运行Windows的Notepad程序,并输入上述的两行文本。输入完毕后,以文件名Mypage.cfm将你输入的内容保存到硬盘上。下一步,运行你喜爱的浏览器软件(如Netscape Navigator或Inte.net 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文件的任何部位加入注释,一个注释也可以分成许多行。当你的文件很大时,添加大量的注释是一标明文件各部分功能的好办法,以便以后能记住你的文件究竟是干什么的。(通常过了一些天后你会忘记你的文件是干什么的了。)