欢迎来到DIVCSS5查找CSS资料与学习DIV CSS布局技术!
  引言
 
  您曾经对网页的原理感到好奇吗?您曾经想过要创建自己的有标题、文本和图形图标的完整网页吗?您曾经听说过“HTML”这个词并想知道是什么意思吗?如果是这样,请往下阅读……
 
  在本文中,我们将探讨网页的科学和艺术,并用一些技巧来实验一番,今天在您自己的计算机上就可以试用这些技巧。我们已经创建一个工具,可让您试用HTML并立即查看其效果。原来,创建网页是件很容易的事情,同时又非常有趣,根本不是高不可攀。到您读完这篇文章时,您就能胸有成竹地开始构建您自己的页面了!
 
  基础准备知识
 
  此时,以下几点您已经做好了准备:
 
  您正坐在计算机前。
 
  您正在使用网络浏览器阅读本页,浏览器可能是Microsoft Internet Explorer、Firefox或Netscape。
 
  您希望学习网页的工作原理,也许您希望学习创建自己页面的艺术。
 
  因为您正坐在计算机前,您有网络浏览器,有学习的渴望,所以您已经具备开始创建页面所需要的一切。您可以学习HTML并用您的网络浏览器来实验,从而学会如何创建您能想象得出的任何种类的网页。
 
  为了能讨论网页和研究网页的工作原理,您可能希望了解4个简单的术语(如果您在第一次读到这些术语时觉得晦涩难懂,不要担心):
 
  网页——网页是一个简单的文本文件,它不仅包含文本,而且包含一套HTML标记,这些标记说明了当浏览器在屏幕上显示页面时,该文本应该有什么样的格式。标记是一些简单的指令,能告诉网络浏览器在显示页面时该页面看起来应该是什么样的。标记能告诉浏览器做一些事,诸如改变字体大小或颜色,或在栏目中安排内容。网络浏览器能解释这些标记,从而判断如何格式化文本并在屏幕上显示。
 
  HTML——HTML代表“超文本标记语言”。“标记语言”是一种计算机语言,它说明如何格式化页面。如果您想做的一切仅仅是显示一长串黑白文本,没有任何格式,那就不需要HTML。但是如果您想改变字体、添加颜色、创建标题和在页面中镶嵌图形,那么HTML就是用来实现这一切的语言。
 
  网络浏览器——网络浏览器,例如Netscape Navigator或Microsoft Internet Explorer,是一个计算机程序(也称为软件应用程序,或简称应用程序),它能做两件事:
 
  网络浏览器知道如何访问互联网上的网络服务器并请求一个页面,它能够通过网络将该页面拉到您的计算机上。
 
  网络浏览器知道如何解释页面内的一整套HTML标记,以便按照页面创建者的意图把该页面显示在您的屏幕上。
 
  网络服务器——网络服务器是一个计算机软件,它能对浏览器索要页面的请求做出回应,并通过互联网向网络浏览器提供该页面。您可以把网络服务器想象成一座公寓大楼,在每个公寓房间里存放着某人的网页。为了在公寓大楼里存储您的页面,您需要支付房租。存放在公寓大楼里的页面可以向全世界的任何人展示,供他们查阅。您的房东称为主机,而您的房租通常称为托管费。每天都有成百上千万台网络服务器通过我们称为互联网的网络向千千万万的人的浏览器提供页面。有关这个过程的详细信息,请参阅Web 服务器工作原理一文。
 
  进行网页效果实验是一件非常容易的事情,不需要使用服务器。浏览器能在您的个人计算机上显示您创建的网页。一旦您了解了如何创建自己的页面,很可能您希望把页面“放到服务器上”,以便全世界的人都能下载和阅读您的页面。我们将在本文最后讨论如何做到这一点。
 
  查看源代码
 
  让我们观察一番网页的“内脏”。这是页面作者键入的原始文本和HTML标记,浏览器能解释这些标记并生成您在互联网上实际看到的网页。现在用您的鼠标右击此页面的任何空白部分并选择“查看”。这时会出现一个新的窗口,显示一些单词和字符,有些可能看起来很专业和奇怪。这些单词和字符统称HTML编程代码,就是您将要学的东西。代码中的每个元素称为HTML标记。无论这些代码看起来有多复杂,都不要害怕,您将惊讶地发现实际上它们是多么简单。如果您看着页面的源代码觉得一头雾水,那就干脆关闭源代码页,返回本文好了。
 
  用这种方式,您可以在互联网上看到几乎任何页面“幕后”的东西。随着对页面设计的研究逐步深入,您可能发现您愿意查看复杂网页的源代码,以便弄清作者或页面设计者究竟使用了什么代码创建出如此巧妙的构思。
 
  现在让我们学习许多标记的含义并开始创建简单的页面。
 
  HTML标记
 
  HTML标记是一个代码元素,它告诉页面浏览器如何处理您的文本。每个标记看上去就是放在<(小于号)和>(大于号)之间的字母或单词。
 
  示例:<center>, <body>
 
  为了告诉网络浏览器“结束”您要它做的事,要在结束标记中使用斜杠:
 
  示例:</center>, </body>
 
  大多数标记都由成对的“开始”码和“结束”码组成,但不是绝对的。
 
  您创建的任何网页在开始的地方都有以下标记:
 
  <HTML>:告诉浏览器这是一个HTML文档的开始
 
  <HEAD>:告诉浏览器这是页面的页眉(以后您将学到两个“HEAD”标记之间是什么内容)
 
  <TITLE>:告诉网络浏览器这是页面的标题
 
  <BODY>:告诉网络浏览器这是网页内容的起点,您想在页面上说和看的内容都跟在这个标记之后。
 
  结束网页所需要的标记是:
 
  </BODY>
 
  </HTML>
 
  建立简单的页面
 
  创建网页的方法有很多种。成百上千的公司创建了各种工具,以各种方式来帮助完成这个过程。然而,我们在这里的目标是理解网页的真正原理,而不是让某个工具把页面的创建过程掩盖起来,不让我们看到。因此,我们将使用尽可能简单的工具,这些工具在您的计算机上已经存在。
 
  在您的计算机上有一个程序,可以创建简单的文本文件。在Windows计算机上,该应用程序叫做记事本。在Macintosh计算机上,该程序叫做SimpleText。如果您找不到这些程序,也可以使用基本的文字处理程序,例如WordPerfect和Microsoft Word。
 
  注意:
 
  在Windows 95/98环境中,依次单击“开始”按钮、“程序”、“附件”和“记事本”。
 
  在Windows 3.1环境中,单击“附件”(在“程序管理器”中),再单击“记事本”。
 
  在Macintosh环境中,依次单击“Macintosh HD”、“应用程序”和“SimpleText”。
 
  一旦您在屏幕上打开了适当的程序,请在窗口中键入(或剪切并粘贴)以下HTML文本:
 
  <html>
 
  <head>
 
  <title>My First Page</title>
 
  </head>
 
  <body>
 
  大家好。这是我的第一个页面!

如需转载,请注明文章出处和来源网址:http://www.divcss5.com/html/h61111.shtml