教你如何制作一个简单的静态网页

什么是静态网站？

静态网站或网页是文本，图像和多媒体元素的集合，其中包含使用超文本标记语言（HTML）创建的标记内容并存储在Web服务器中。当访问者输入静态站点的URL时，浏览器从服务器检索内容。然后将检索到的内容解释为在浏览器窗口中将其显示为有吸引力的站点。

显示静态网站内容的浏览器的图示表示如下图所示。

基本上静态和动态站点都以类似的方式工作。但它们两个的区别是，静态页面是一个页面，其中包含了页面需要的所有信息，而动态页面是许多单个页面的汇编。

静态网站的特点

静态站点主要用于将固定信息从Web服务器分发到在客户端的浏览器上。

每次加载页面时，所有访问者都将看到完全相同的内容。

一般使用超文本标记语言（HTML）创建静态站点，但并不需要所有HTML页面都是静态的。例如嵌入HTML页面中的JavaScript代码在浏览器中打开时仍将显示为具有.html扩展名的HTML页面。

当用户在自己的Web浏览器中输入URL时，浏览器会向服务器发送HTTP 请求。Web服务器简单地发送一个HTTP响应来指示所请求的URL的可用性。响应将通过将请求的URL的内容发送给客户端来完成。不过Web服务器不会在静态网页中执行任何代码处理。

浏览器解释标记的内容，并在浏览器窗口中显示网站的外观。这是因为所有这些浏览器都有自己的方式来解释HTML标记，因此在第三方浏览器和Internet Explorer中的相同网站看起来是不一样的。

静态网站更适合分发不经常更新的固定内容。

通常站点所有者直接创建和更新静态站点的内容。

创建一个简单的静态页面

按照以下步骤创建一个简单的静态网页，在此示例中内容位于您自己的本地计算机上，因此不需要单独的服务器。（这意味着本地计算机作为客户端和服务器）。

打开任何文字处理器，在这个例子中我们用Windows记事本操作系统来解释。

将以下代码复制并粘贴在记事本中。

将文件保存到本地桌面上。

使用第三方浏览器或Internet Explorer等浏览器打开文件。（双击该文件将在默认Web浏览器中打开它）。

      外观和页面的感觉

使用浏览器打开的HTML文件将如下图所示。

注意原始文件的内容和浏览器中的外观，所有的HTML标签都会在浏览器中相应转换，只显示内容不包括空格。例如h1标签之间的内容在浏览器窗口中显示期间被解释为标题。

每次打开文件时都会加载相同的内容，因为在服务器端或浏览器端都没有交互式处理。

对于互联网中的真实情况，HTML文件将位于网站上，网址为"xxxxxx.html"当访问者直接在浏览器地址栏上输入此URL或者从搜索结果重定向该URL时，网页将在浏览器窗口中打开。