什么是网页

网页是万维网 (WWW) 上可用的单个超文本文档。它由 HTML 元素组成，并在用户的浏览器（如 Mozilla、Firefox、Chrome 等）上显示。它也被称为“页面”。

在本主题中，我们将讨论网页的各种详细信息，包括以下主题

• 什么是网页？
• 网页的特征
• 网页和网站的区别
• 网页如何工作？
• 网页的元素
• 网页的类型
• 如何创建简单的网页？

什么是网页？

网页是使用 HTML 编写的文档，可以在任何 Web 浏览器上查看。它包含在 Web 服务器中，可以通过输入该网页的 URL 进行访问，一旦加载，它就会显示在用户的 Web 浏览器上。每个网页都链接到一个唯一的 URL；因此，两个页面不能有相同的 URL。

网页可能包含文本、指向其他页面的链接、图形、视频等。此外，它主要用于以文本、图像等形式向用户提供信息。

网页是网站的一部分；这意味着一个网站包含不同的网页。例如，javaTpoint.com 是一个网站，您当前正在访问的页面就是网页。这可以理解为一本书的例子。因此，网站就像一本完整的书，而网页就像那本书的一页。

万维网或互联网包含数百万个网页，每天都有很多新页面被添加。蒂姆·伯纳斯-李开发了第一个网页。

让我们了解一些与网页一起使用的基本术语

• 网站：网站是多个网页的集合。这些页面通过超链接相互连接。网站有一个唯一的域名，我们可以通过在 URL 中输入该域名来访问它。
• 搜索引擎：搜索引擎是一种互联网服务，可帮助用户查找互联网上可用的任何信息。一些搜索引擎的例子有 Google、Yahoo、Bing。它通常借助 Web 浏览器进行访问。
• Web 浏览器：Web 浏览器或简称浏览器是一种用于访问互联网的应用程序软件。一些 Web 浏览器的例子有 Google Chrome、Microsoft Internet Explorer、Safari 等。它做两件事
  • 它连接到互联网上的 Web 服务器并请求用户想要查看的页面；一旦找到该页面，它就会将其显示在其设备上。
  • 它可以解释页面中的一组 HTML 标签，以正确的格式显示页面。
• Web 服务器：Web 服务器可以理解为在互联网上托管或提供网站的计算机。它包含 Web 服务器软件和网站的组件文件，如HTML 文档、图像、CSS 样式表和 JS 文件。

注意：为了练习，您可以自己创建网页，而无需 Web 服务器，您的浏览器只会将这些页面显示在您的机器上。

• HTML： HTML 是 超文本标记语言的缩写。标记语言是一种计算机语言，它指定页面的格式。借助 HTML，可以指定字体、颜色、图像、标题以及希望在浏览器显示的页面上显示的所有内容。

注意：Web 浏览器还可以显示其他文档，例如 PDF 文档或图像，但只有 HTML 文档才被称为网页。

网页的特征

以下是网页的一些特征

• 可以非常快速地创建一个简单的网页。
• 与网站相比，创建网页所需的时间非常少。
• 网页和网站应与任何设备兼容，例如手机、台式机、笔记本电脑等。
• 搜索引擎通过链接提供网页，当用户点击该链接时，它会重定向到网站的网页。
• 网页可以包含任何类型的信息，包括视频和音频。
• 它可以仅由 HTML（超文本标记语言）组成，或者为了动态和吸引人的行为，也可以由 CSS 或 JavaScript 组成。

网页和网站的区别

由于网站和网页相互关联，一些用户可能会互换使用它们，但它们彼此之间有很大的不同。它们之间的基本区别是，网页是一个单独的 Web 文档，而网站是不同网页的集合。以下是它们之间的一些更多区别

注意：术语 Webpage 和 Web page 是相同的，并且两者在技术上都是正确的。然而，大多数风格指南建议使用 Webpage 而不是 Web page。

网页如何工作？

一个简单的网页是使用 HTML（一种标记语言）创建的。但是，我们也可以使用 CSS 和 JavaScript 来添加更多功能并使其更具吸引力。

它使用 HTML 创建，因此包含不同的标记标签，这些标签指定数据应如何在屏幕上格式化。

网页包含在 Web 服务器中。要加载此网页，客户端向服务器发送请求，通常浏览器被称为客户端，它可以在互联网上请求页面。

Web 浏览器请求互联网上的页面。一旦服务器响应，浏览器就会解释标记标签并以正确的格式将其显示在用户的屏幕上。

浏览器通过 HTTP 请求发送页面或文件的请求。HTTP 是超文本传输协议，它是一种网络协议，允许在浏览器和服务器之间通过互联网传输超媒体文档。

一旦请求到达服务器，HTTP 服务器接受请求，找到请求的页面，并通过 HTTP 响应将其发送回浏览器。如果服务器无法找到请求的页面，它将返回 404 响应。

网页的元素

网页的主要元素是 HTML 组成的文本文件。除此之外，网页还可以包含以下元素

• CSS：CSS 代码用于使页面更具交互性并控制其外观和感受。
• 脚本：JavaScript 代码包含在网页中，以增加页面的交互性并为其添加更多功能。
• 媒体：它用于包含媒体组件，例如音频、视频和图像。

尽管每个网页都与其他网页不同，但有些组件几乎所有页面都通用。其中一些组件如下所示；您也可以通过给定的图像关联这些元素

1. 网站名称：每个网页都包含它所属的网站或公司或博客的名称。网站名称和徽标大多位于页面的左上角。徽标可能还包含网站的标语或网站的简要介绍，以便访问者可以快速识别该网站是关于什么的。它是网页的重要组成部分之一。
   网站的名称还有一个可以重定向到该网站主页的链接。网站名称通常包含在页面标题中。
2. 搜索栏：搜索栏也是一个重要组件，应存在于网站或博客的每个页面上。搜索博客允许访问者在该网站上搜索相关信息。
3. 导航栏：导航栏是网页的一个组件，其中包含指向网站一些重要部分的链接。它有助于访问者轻松遍历网站的一些主要部分。它主要放置在网页的顶部或页面的左侧。当用户点击导航栏中给出的任何链接时，它会重定向到该页面。
4. 页面标题：页面标题说明了页面的主要信息，即它是关于什么的。标题位于页面的顶部，它通过 HTML 的 <h1> 标签包含。
5. 页面内容：页面内容是指页面的信息。当您访问此页面并阅读此信息时，此页面中包含的所有信息都称为页面内容。它可能包含以下子元素
   • 段落：网页可以根据其长度包含不同的段落。开篇段落对于整个页面至关重要，因为它吸引了访问者的注意力。如果第一段不有趣且与主题无关，用户可能会立即离开页面。为了创建段落，HTML 中使用 <P> 标签。
   • 副标题：页面可以根据主题包含不同的副标题，无论是与某物信息相关还是网站的网页。在 HTML 中，从 <H2> 到 <H6> 标签用于包含副标题。每个页面都应分为不同的副标题，以便用户更容易阅读和理解。
   • 图片：每个网页都包含图片，以使其内容更具吸引力。为了包含图片，HTML 中使用 <img> 标签。
6. 反馈或评论表单：不同的网站在每个网页上都包含一个反馈或评论表单。它用于了解访问者对该页面信息的看法以及对页面或网站的任何其他反馈。它让页面创建者知道信息是否有帮助。
7. 社交分享链接：社交分享链接允许访问者在不同的社交网站（如 Facebook、Linked In、Twitter 等）上与朋友分享该网页。
8. 版权信息：每个网页都必须包含版权信息以及隐私政策。此信息位于页面的末尾或页面的页脚。
9. 返回顶部：在大多数页面上，都有一个“返回顶部”按钮或链接。此选项可帮助用户返回页面的上部。
10. 广告横幅：每当您访问任何好的网站时，您都会在该网站的每个页面上看到不同的广告横幅。这些横幅用于在页面的不同位置显示广告。这些横幅用于为网站所有者提供经济利益。
11. 上一页和下一页按钮或链接：在大多数页面上，都有上一页和下一页按钮，可帮助用户轻松导航到与主题相关的上一页和下一页。一个页面也可以包含指向其他页面的链接。
12. 公司信息：在页面的页脚，有关于该公司或该页面网站的简要介绍。通过此，访问者可以了解公司并对其建立信任。

还可以有一些附加信息和工具，例如打印页面的按钮，这也可以对用户有所帮助。

网页的类型

主要有两种类型的网页，基于功能

• 静态网页
• 动态网页

静态网页

静态网页是那些无法由客户端修改或更改的网页。它们也称为静态或平面网页。它们在客户端浏览器上以与存储在 Web 服务器中相同的格式和方式显示。用户只能加载页面并阅读信息，但不能对页面执行任何更改。

静态网页通常仅由 HTML 和 CSS 组成。

动态网页

顾名思义，动态网页是动态的，这意味着它在不同的时间点显示不同的信息。

动态网页每次查看时都会显示不同的内容。动态网页有两种类型，分别是

• 服务器端动态网页：这些网页是使用服务器端脚本创建的。这些页面在访问或查看时会发生变化。服务器端页面的一些示例是登录页面、提交表单、购物车等。各种脚本语言，例如 PHP、ASP.Net、JSP 等，可用于服务器端脚本。
• 客户端动态网页：这些网页是使用客户端脚本创建的。这些页面响应页面内发生的动作（例如鼠标或键盘动作）而改变。脚本语言，例如 JavaScript、Dart 等，可用于客户端脚本。

注意：脚本语言是编程语言，允许我们以脚本的形式编写程序，并且它们是解释性的，而不是编译性的。

除了这两种网页，还有一些常见的网页示例可以在大多数网站上找到，它们如下所示

• 主页：任何网站的主页都是最重要的页面之一。它被称为主页，因为它就像一个起点，用户可以从那里去网站上的任何地方。此页面通常包含指向网站重要区域的链接。它也可以称为索引页。
• 订阅源页面：订阅源页面通常出现在那些更新内容的网站中。它用于向用户提供有关已更新的最新信息。
• 菜单页面：菜单页面旨在实现导航目标。该页面包含不同链接的集合，可访问不同的类别和区域。
• 关于我们页面：此页面包含公司、产品或网站的简要信息和详细信息。它允许访问者了解他们正在使用的网站的详细信息。
• 注册页面：注册页面允许用户通过注册创建帐户，因此他们可以创建个性化帐户。它有助于公司了解访问者并向他们提供个性化优惠和交易。
• 联系我们页面：这是一个简单的页面，供访问者联系网站所有者。对于任何问题或任何反馈，用户都可以使用此页面。
• 着陆页：这是一种特殊类型的网页，用作网站的核心部分或作为单独的页面。创建此页面的主要目的是将访问者转化为潜在客户。它代表了针对特定目标的清晰和集中的内容。

如何创建简单的网页？

创建一个简单的网页非常容易；任何具有基本计算机和 HTML 知识的人都可以创建它。但在创建网页之前，您应该了解以下几点

• 一个简单的网页可以使用 HTML 代码创建。这样的页面很简单，但没有交互性，功能很少。
• 要使您的网页具有交互性并添加功能，您需要学习和使用脚本语言，例如 PHP、Python 等。
• 网页也可以使用记事本创建，但建议使用 IDE 进行高级用途，例如 Atom、Sublime Text 编辑器、PyCharm。

按照以下步骤创建您的网页

1. 在您的计算机上打开记事本应用程序。
2. 在上面编写以下代码。

在上面的代码中，使用了以下标签

• <!DOCTYPE html>：它用于文档类型声明，这意味着您正在使用哪个版本的 HTML。它指示浏览器它应该解释哪种语言。
• <html>：它表示 HTML 代码的开始和结束。
• <head>：它可以包含不同类型的信息，例如标题、元标签等；此信息不会出现在网页上。
• <body>：此标签包含网页上的其他标签，用户可以看到它们。在上面的代码中，我们包含了 <h1> 标题标签和 <p> 段落标签。

注意：在 HTML 中结束每个标签很重要，并且将所有标签都用大写或小写字母表示。但是，建议使用小写字母。

3. 将文件保存为任何名称和 .html 扩展名。例如，将其保存为 web.html。
4. 转到保存的文件 (web.html)，双击或右键单击并运行它。
5. 它将在您的默认浏览器中打开，并显示以下输出

您还可以使用 HTML 添加更多标签以用于不同的元素，例如添加图像、背景图像、边框、表格等。您可以从此处学习所有这些。

注意：此网页仅在您的机器上本地存在，只有您可以在浏览器上查看它。要在互联网上查看它，您需要首先发布它。

创建页面后，您还可以通过编辑器更改文件。只需进行更改，再次保存文件，然后重新加载页面；这些更改将显示在屏幕上。