📄 5-4-1.cfm.htm
字号:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>创建基本的网页</title>
<meta name="GENERATOR" content="Microsoft FrontPage 3.0">
</head>
<body>
<font FACE="宋体" SIZE="5"><b>
<p ALIGN="JUSTIFY">创建基本的网页</p>
</b></font><font FACE="宋体" SIZE="3">
<p ALIGN="JUSTIFY">学习怎样用HTML创建网页的最好方法就是从一个非常简单的例子开始。下面所示的上一个最简单的网页所需的最少代码：</p>
<p ALIGN="JUSTIFY"><TITLE> Minimal Web Page </TITLE></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY">要创建这个HTML文件，运行Windows的Notepad程序，并输入上述的两行文本。输入完毕后，以文件名Mypage.cfm将你输入的内容保存到硬盘上。下一步，运行你喜爱的浏览器软件（如Netscape
Navigator或Internet Explorer）并在地址输入框中输入此文件的全路径。例如，如果你将上述HTML文件保存在c:\mypage.cfm，你应该在地址输入框中输入c:\mypage.cfm来将你的网页调入浏览器。你将在屏幕上看到如图5.3那样。</p>
<p ALIGN="JUSTIFY"><img SRC="Image12.gif" tppabs="http://210.74.168.175/guide/asp/part5/Image12.gif" WIDTH="590" HEIGHT="403"></p>
<b>
<p ALIGN="CENTER">图5.3 你的第一个HTML文件</p>
</b>
<p ALIGN="JUSTIFY">没有人会怀疑这是一个枯燥乏味的网页，它只显示了一行文本：Hello
World! 然而，创建它的过程却说明了一些重要的方面。</p>
<p ALIGN="JUSTIFY">首先，你应该注意到创建这个网页和使用浏览器浏览这一页时，你并不需要将你的计算机与Internet相连。网络浏览器从你本机的硬盘上读取文件与从Internet上获取文件是一样的。浏览器对于你给它的任何文件都认真地进行解释，而不管这些文件是从哪里来的。</p>
<b>
<p ALIGN="JUSTIFY">注意</p>
</b>
<p ALIGN="JUSTIFY">从技术上说，我们这个超小型的网页还未完成，根据HTML规范参考，每个HTML文件都应当以<!DOCTYPE>申明标识符开始，它表明了使用的HTML的版本。然而，这个HTML标识符对网页并不起任何作用，大部分网页制作者都将它忽略了（因为懒惰）。关于使用这个标识符的更进一步的信息可参阅附录D“快速HTML参考”。</p>
<p ALIGN="JUSTIFY">第二，注意你为文件起的文件名：mypage.cfm，所有的HTML文件都具有相同的扩展名：.cfm或.cfml。本书对所有的HTML文件使用.cfm的扩展名。你可以为你的HTML文件起任何你喜欢的名字。</p>
<p ALIGN="JUSTIFY">第三，注意在HTML文件第一行出现的<TITLE>及</TITLE>。现在，查看你的网络浏览器的标题栏，你应当看见这样的文字：Minimal
Web Page。这就是你在标识符<TITLE>及</TITLE>中输入的文本。<TITLE>标识符为你的网页提供了一个标题，当人们为你的网页放置书签或是搜索引擎检索你的网点（这两个情况是常常发生的）时，就会用到这个标题。</p>
<p ALIGN="JUSTIFY">大部分HTML文件都比我们刚才讨论的这个文件要复杂。请看下面这段语句：</p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Less Minimal </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">这个例子中有三个新的标识符：<HTML>，<HEAD>及<BODY>。如果你在浏览器中显示这个网页，你将会观察到和上例一样的结果。那么这三个新的标识符有什么用呢？这些标识符的唯一用途就是对其他标识符起一个容器的作用。</p>
<p ALIGN="JUSTIFY">〈HTML>标识符说明了这个文件是一个HTML文件。这个标识符并不是必须的，但对于旧版的浏览器，你应当在文件头部包含<HTML>标识符，并在文件尾包含〈/HTML〉标识符来确保兼容性。</p>
<p ALIGN="JUSTIFY">〈HEAD〉标识符包含了所有出现在你的HTML文件头部的标识符。这些由〈HEAD〉包含的标识符并不由你的网络浏览器显示出来。例如，由<TITLE>及</TITLE>标识符包含的文本只出现在网络浏览器的标题栏上，而不在网页上出现。</p>
<p ALIGN="JUSTIFY">〈BODY〉标识符表明了你的HTML文件的主体部分，所有需要在你的浏览器上显示的文本及标识符都应该被放置在这里。例如，Hello
World!
被放置在此。因为你想让这句话在网页上显示出来，你网页的所有内容几乎都由〈BODY〉及〈/BODY〉标识符包含。</p>
<p ALIGN="JUSTIFY">在结束这一节之前，我们再讨论一个标识符，它经常被用来在你的文件中加入注释，这些注释并不在主页上显示出来。例如，你可能想在HTML文件的头部加一行注释来说明这个文件的作用，以便以后你能知道创建这个文件的理由。下面就是一个带有注释的文件的例子：</p>
<p ALIGN="JUSTIFY"><!-- I am ignored by everybody --></p>
<p ALIGN="JUSTIFY"><HTML></p>
<p ALIGN="JUSTIFY"><HEAD></p>
<p ALIGN="JUSTIFY"><TITLE> Commented </TITLE></p>
<p ALIGN="JUSTIFY"></HEAD></p>
<p ALIGN="JUSTIFY"><BODY></p>
<p ALIGN="JUSTIFY"><!-- I am a three line comment which</p>
<p ALIGN="JUSTIFY">explains that this document displays</p>
<p ALIGN="JUSTIFY">the text </font><font SIZE="3">‘</font><font FACE="宋体" SIZE="3">Hello
World!</font><font SIZE="3">’</font><font FACE="宋体" SIZE="3"> --></p>
<p ALIGN="JUSTIFY">Hello World!</p>
<p ALIGN="JUSTIFY"></BODY></p>
<p ALIGN="JUSTIFY"></HTML></p>
<p ALIGN="JUSTIFY">句子I am ignored by everybody.
并不会在游器上显示出来，因为它由注释标识符〈!--and--〉包含着。</p>
<b>
<p ALIGN="JUSTIFY">警告</p>
</b>
<p ALIGN="JUSTIFY">不要把你私人的信息明明白白地写在注释中，因为人们可以通过浏览器的View
Source命令看到它们。</p>
<p ALIGN="JUSTIFY">你可以在HTML文件的任何部位加入注释，一个注释也可以分成许多行。当你的文件很大时，添加大量的注释是一标明文件各部分功能的好办法，以便以后能记住你的文件究竟是干什么的。（通常过了一些天后你会忘记你的文件是干什么的了。）</p>
</font>
</body>
</html>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -