网页的工作原理

[09-12 12:23:44]   来源：http://www.88dzw.com  电路基础   阅读：8926次

文章摘要：用这种方式，您可以在互联网上看到几乎任何页面“幕后”的东西。随着对页面设计的研究逐步深入，您可能发现您愿意查看复杂网页的源代码，以便弄清作者或页面设计者究竟使用了什么代码创建出如此巧妙的构思。 现在让我们学习许多标记的含义并开始创建简单的页面。 HTML标记HTML标记是一个代码元素，它告诉页面浏览器如何处理您的文本。每个标记看上去就是放在<（小于号）和>（大于号）之间的字母或单词。 示例：<center>, <body> 为了告诉网络浏览器“结束”您要它做的事，要在结束标记中使用斜杠：示例：</center>, </body> 大多

网页的工作原理,标签：电子电路基础,模拟电路基础,http://www.88dzw.com

用这种方式，您可以在互联网上看到几乎任何页面“幕后”的东西。随着对页面设计的研究逐步深入，您可能发现您愿意查看复杂网页的源代码，以便弄清作者或页面设计者究竟使用了什么代码创建出如此巧妙的构思。

现在让我们学习许多标记的含义并开始创建简单的页面。

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> 
    大家好。这是我的第一个页面！
  </body> 
</html>

无论您把这些标记和文本逐个排列、逐行排列还是缩进排列，都不影响文本在浏览器窗口的显示方式。在您的标记中，无论使用大写字母还是小写字母，都不会造成什么差别。

现在您需要把这个文件保存在某个地方，以便能很快找到它。把它保存到桌面上，如果能保存到您专门为存放即将创建的页面而创建的那个目录中，则更好。用first.html文件名来保存。

下一步，在您的网络浏览器中（即Microsoft Internet Explorer或Netscape Navigator）打开此页面。所有的网络浏览器都有打开存储在本地计算机中的文件的方法。在Internet Explorer和Netscape中，从窗口顶部的“文件”菜单中选择“打开文件”。打开first.html文件。当您在浏览器中打开该文件时，它看起来像这样：

浏览器打开页面截图

在这幅图中可以发现三个特征：

  • 您可以看到该页面有标题“我的第一个页面”。
  • 您可以看到该页面的正文包含文字“大家好。这是我的第一个页面！”
  • 您可以看到在地址窗口中显示的URL是来自本地硬盘的C:WINDOWSDESKTOPfirst.html，而不是通常从互联网上的服务器收到页面时所显示的http://...。

上一页  [1] [2] [3] [4]  下一页


Tag:电路基础，电子电路基础,模拟电路基础，电路基础

《网页的工作原理》相关文章

编辑推荐

分类导航
最新更新
热门排行