互联网技术速查指南

---

---

互联网

• 互联网是一个全球互联的计算机网络系统。

• 互联网使用标准互联网协议 (TCP/IP)。

• 互联网上的每台计算机都由唯一的IP地址标识。

• IP地址是一组唯一的数字（例如110.22.33.114），用于标识计算机的位置。

• 一个特殊的计算机DNS（域名服务器）用于为IP地址命名，以便用户可以通过名称找到计算机。

• 例如，DNS服务器会将名称https://tutorialspoint.com解析为特定的IP地址，以唯一标识托管此网站的计算机。

• 全世界每个用户都可以访问互联网。

互联网发展

互联网的概念起源于1969年，并经历了多次技术和基础设施变革，如下所述。

• 互联网起源于高级研究计划署网络 (ARPANET) 的概念。

• ARPANET 由美国国防部开发。

• ARPANET 的基本目的是在政府的各个机构之间提供通信。

• 最初，只有四个节点，正式称为主机。

• 1972年，ARPANET 扩展到全球，在不同国家设有23个节点，因此被称为互联网。

• 随着TCP/IP协议、DNS、万维网、浏览器、脚本语言等新技术的出现，互联网提供了一种在网上发布和访问信息的媒介。

互联网优势

互联网几乎涵盖了人们可以想到的各个方面的生活。在这里，我们将讨论互联网的一些优势。

互联网劣势

外网

外网是指组织内部的网络，使用互联网以受控的方式连接外部人员。它有助于企业与其客户和供应商建立联系，从而实现协作工作。

外网优势

外网已被证明是各种规模企业（无论大小）的成功模式。以下是外网对员工、供应商、业务合作伙伴和客户的一些优势。

外网问题

除了优势之外，外网还有一些相关问题。这些问题将在下面讨论。

托管

外网页面将存储在何处，即谁将托管外网页面。在这种情况下，有两种选择：

• 在您自己的服务器上托管。

• 与互联网服务提供商 (ISP) 托管，就像网页一样。

但在您自己的服务器上托管外网页面需要高带宽的互联网连接，这非常昂贵。

安全

如果您在自己的服务器上托管外网页面，则需要额外的防火墙安全，这会导致复杂的安全性机制并增加工作量。

访问问题

没有互联网连接无法访问信息。但是，可以在内网中访问信息而无需互联网连接。

互动减少

它减少了业务中的面对面互动，导致客户、业务合作伙伴和供应商之间的沟通不足。

外网与内网比较

下表显示了外网和内网的区别

互联网参考模型

OSI参考模型

OSI 是开放系统互联的缩写。该模型由国际标准化组织 (ISO) 开发，因此也称为ISO-OSI 模型。

OSI模型由七层组成，如下图所示。每一层都有特定的功能，但每一层都为上一层提供服务。

物理层

物理层负责以下活动：

• 激活、维护和停用物理连接。

• 定义传输所需的电压和数据速率。

• 将数字比特转换为电信号。

• 决定连接是单工、半双工还是全双工。

数据链路层

数据链路层执行以下功能：

• 对要通过物理链路传输的信息执行同步和错误控制。

• 启用错误检测，并为要传输的数据添加错误检测位。

网络层

以下是网络层的功能：

• 通过各种信道将信号路由到另一端。

• 通过决定数据应采取哪条路由来充当网络控制器。

• 将传出消息分成数据包，并将传入数据包组装成更高层的信使。

传输层

传输层执行以下功能：

• 它决定数据传输是否应在并行路径或单一路径上进行。

• 它执行多路复用，分割数据。

• 它将数据组分解成更小的单元，以便网络层更有效地处理它们。

传输层保证数据从一端到另一端的传输。

会话层

会话层执行以下功能：

• 管理消息并同步两个不同应用程序之间的对话。

• 它控制登录和注销、用户身份验证、计费和会话管理。

表示层

表示层执行以下功能：

• 此层确保信息以接收系统能够理解和使用的方式交付。

应用层

应用层执行以下功能：

• 它提供不同的服务，例如以多种方式处理信息、重新传输信息文件、分发结果等。

• 登录或密码检查等功能也由应用层执行。

TCP/IP参考模型

TCP/IP 模型是一个实用模型，用于互联网。TCP/IP是传输控制协议和互联网协议的缩写。

TCP/IP 模型将两层（物理层和数据链路层）组合成一层，即主机到网络层。下图显示了TCP/IP模型的各个层。

应用层

此层与OSI模型相同，并执行以下功能：

• 它提供不同的服务，例如以多种方式处理信息、重新传输信息文件、分发结果等。

• 登录或密码检查等功能也由应用层执行。

使用的协议：TELNET、FTP、SMTP、DN、HTTP、NNTP 是此层中使用的协议。

传输层

它与OSI模型中的传输层执行相同的功能。以下是关于传输层的要点：

• 它使用TCP和UDP协议进行端到端传输。

• TCP是可靠的面向连接的协议。

• TCP还处理流量控制。

• UDP不可靠，是一个无连接协议，也不执行流量控制。

使用的协议：TCP/IP和UDP协议在此层中使用。

网络层

此层的功能是允许主机将数据包插入网络，然后使它们独立地传输到目的地。但是，接收数据包的顺序可能与发送它们的顺序不同。

使用的协议：互联网协议 (IP) 用于网络层。

主机到网络层

这是TCP/IP模型中最低的一层。主机必须使用某些协议连接到网络，以便能够通过它发送IP数据包。此协议因主机和网络而异。

使用的协议：ARPANET、SATNET、LAN、分组无线电 是此层中使用的协议。

域名系统架构

域名系统由域名、域名空间、名称服务器组成，如下所述。

域名

域名是与IP地址关联的符号字符串。有许多域名可用；其中一些是通用的，例如com、edu、gov、net等，而一些是国家/地区级别的域名，例如au、in、za、us等。

下表显示了通用顶级域名。

下表显示了国家顶级域名。

域名空间

域名空间指的是互联网命名结构中的一个层次结构。这个层次结构有多个级别（从0到127），顶部有一个根。下图显示了域名空间层次结构

在上图中，每个子树代表一个域名。每个域名可以划分为子域名，这些子域名可以进一步划分，以此类推。

名称服务器

名称服务器包含DNS数据库。该数据库包含各种名称及其对应的IP地址。由于单个服务器不可能维护整个DNS数据库，因此信息分布在许多DNS服务器之间。

• 服务器的层次结构与名称的层次结构相同。

• 整个命名空间被划分为区域。

区域

区域是主域名下节点（子域名）的集合。服务器为每个区域维护一个名为区域文件的数据库。

如果域名没有进一步划分为子域名，则域名和区域指的是同一事物。

子域名中节点的信息存储在下层服务器中，但是原始服务器保留对这些下层服务器的引用。

名称服务器的类型

以下是管理整个域名系统的三个类别的名称服务器

• 根服务器

• 主服务器

• 辅助服务器

根服务器

根服务器是最高级别的服务器，包含整个DNS树。它不包含有关域的信息，而是将授权委派给其他服务器。

主服务器

主服务器存储有关其区域的文件。它有权创建、维护和更新区域文件。

辅助服务器

辅助服务器从另一个服务器（可能是主服务器或辅助服务器）传输有关区域的完整信息。辅助服务器无权创建或更新区域文件。

DNS工作原理

DNS自动将域名转换为IP地址。以下步骤将引导您完成域名解析过程中的步骤。

• 当我们在浏览器中键入www.tutorialspoint.com时，它会向本地DNS服务器请求其IP地址。

这里的本地DNS位于ISP端。

• 当本地DNS找不到请求的域名的IP地址时，它会将请求转发到根DNS服务器，并再次查询其IP地址。

• 根DNS服务器回复委派：我不知道www.tutorialspoint.com的IP地址，但知道DNS服务器的IP地址。

• 然后，本地DNS服务器向com DNS服务器提出相同的问题。

• com DNS服务器回复同样的话，它不知道www.tutorialspont.com的IP地址，但知道tutorialspoint.com的地址。

• 然后，本地DNS服务器向tutorialspoint.com DNS服务器提出相同的问题。

• 然后，tutorialspoint.com DNS服务器回复www.tutorialspoint.com的IP地址。

• 现在，本地DNS将www.tutorialspoint.com的IP地址发送到发送请求的计算机。

互联网服务

通信服务

有各种可用的通信服务，可以与个人或群体交换信息。下表简要介绍了这些服务

信息检索服务

存在几种信息检索服务，可以轻松访问互联网上的信息。下表简要介绍了这些服务

Web服务

Web服务允许在Web上的应用程序之间交换信息。使用Web服务，应用程序可以轻松地相互交互。

Web服务是使用效用计算的概念提供的。

万维网 (WWW)

WWW也称为W3。它提供了一种访问通过互联网分布在多个服务器上的文档的方法。这些文档可能包含文本、图形、音频、视频和超链接。超链接允许用户在文档之间导航。

视频会议

视频会议或视频电话会议是一种利用电信技术进行双向视频和音频传输的通信方法。

视频会议模式

点对点

这种会议模式仅连接两个位置。

多点

这种会议模式通过多点控制单元 (MCU)连接两个以上的位置。

互联网协议

传输控制协议 (TCP)

• 传输控制协议 (TCP) 对应于OSI模型的传输层。

• TCP是一个可靠的、面向连接的协议。

• TCP提供

• 流数据传输。

• 可靠性。

• 高效的流量控制

• 全双工操作。

• 多路复用。

• TCP提供面向连接的端到端分组交付。

• TCP通过使用前向确认号对字节进行排序来确保可靠性，该号指示目标端源端期望接收的下一个字节。

• 它在指定时间段内重新传输未确认的字节。

互联网协议 (IP)

互联网协议是一个无连接的和不可靠的协议。它不能保证数据传输成功。

为了使其可靠，它必须与传输层上的可靠协议（如TCP）配对。

互联网协议以数据报的形式传输数据，如下图所示

用户数据报协议 (UDP)

与IP一样，UDP也是无连接的和不可靠的协议。它不需要与主机建立连接即可交换数据。由于UDP是不可靠的协议，因此没有机制来确保发送的数据已接收。

UDP以数据报的形式传输数据。UDP数据报由五个部分组成，如下图所示

文件传输协议 (FTP)

FTP用于将文件从一台主机复制到另一台主机。FTP以如下方式提供相同的机制

• FTP在两端（即客户端和服务器端）创建两个进程，例如控制进程和数据传输进程。

• FTP建立两个不同的连接：一个用于数据传输，另一个用于控制信息。

• 控制连接是在控制进程之间建立的，而数据连接是在

• FTP使用端口21进行控制连接，使用端口20进行数据连接。

简单文件传输协议 (TFTP)

简单文件传输协议也用于传输文件，但它在未经身份验证的情况下传输文件。与FTP不同，TFTP不会分离控制和数据信息。由于不存在身份验证，因此TFTP缺乏安全功能，因此不建议使用TFTP。

要点

• TFTP使用UDP进行数据传输。每个TFTP消息都包含在单独的UDP数据报中。

• TFTP消息的前两个字节指定消息类型。

• 当TFTP客户端发送上传或下载文件的请求时，将启动TFTP会话。

• 请求是从临时UDP端口发送到TFTP服务器的UDP端口69。

Telnet

Telnet是用于登录到互联网上远程计算机的协议。许多Telnet客户端都具有用户友好的用户界面。下图显示一个人登录到计算机A，然后从那里远程登录到计算机B。

超文本传输协议 (HTTP)

HTTP是一种通信协议。它定义了浏览器和Web服务器之间通信的机制。它也称为请求和响应协议，因为浏览器和服务器之间的通信以请求和响应对的形式进行。

HTTP请求

HTTP请求包含包含以下内容的行：

• 请求行

• 报头字段

• 消息正文

要点

• 第一行，即请求行，指定请求方法，即Get或Post。

• 第二行指定报头，该报头指示从中检索index.htm的服务器的域名。

HTTP响应

与HTTP请求一样，HTTP响应也具有一定的结构。HTTP响应包含：

• 状态行

• 报头

• 消息正文

电子邮件

电子邮件是一种服务，允许我们通过互联网以电子方式发送邮件。它提供了一种高效、廉价且实时的信息分发方式。

电子邮件协议

SMPTP

SMTP代表简单邮件传输协议。它于1982年首次提出。它是一种标准协议，用于通过互联网高效可靠地发送电子邮件。

要点

• SMTP是应用程序级协议。

• SMTP是面向连接的协议。

• SMTP是基于文本的协议。

• 它处理电子邮件服务器之间通过TCP/IP网络交换邮件。

• 除了传输电子邮件外，SMPT还提供有关传入邮件的通知。

• 当您发送电子邮件时，您的电子邮件客户端会将其发送到您的电子邮件服务器，该服务器会进一步使用SMTP客户端联系收件人的邮件服务器。

• 这些SMTP命令指定发件人和收件人的电子邮件地址以及要发送的消息。

• 服务器之间的命令交换在没有任何用户干预的情况下进行。

• 如果邮件无法投递，则会向发件人发送错误报告，这使得SMTP成为一种可靠的协议。

IMAP

IMAP代表互联网邮件访问协议。它于1986年首次提出。IMAP共有五个版本，如下所示：

• 原始IMAP

• IMAP2

• IMAP3

• IMAP2bis

• IMAP4

要点

• IMAP允许客户端程序在不将电子邮件下载到本地计算机的情况下操作服务器上的电子邮件。

• 电子邮件由远程服务器保存和维护。

• 它允许我们执行任何操作，例如下载、删除邮件而无需阅读邮件。它允许我们创建、操作和删除称为邮箱的远程邮件文件夹。

• IMAP 允许用户搜索电子邮件。

• 它允许同时访问多个邮件服务器上的多个邮箱。

POP

POP 代表邮局协议 (Post Office Protocol)。它通常用于支持单个客户端。POP 有多个版本，但 POP3 是当前标准。

要点

• POP 是一种应用层互联网标准协议。

• 由于 POP 支持离线访问邮件，因此需要较少的互联网使用时间。

• POP 不允许搜索功能。

• 要访问邮件，必须先下载它们。

• 它只允许在服务器上创建一个邮箱。

• 它不适合访问非邮件数据。

• POP 命令通常缩写为三个或四个字母的代码。例如：STAT。

电子邮件工作原理

电子邮件的工作原理遵循客户端-服务器模式。其中客户端是邮件客户端，即邮件应用程序或邮件程序；服务器是管理电子邮件的设备。

以下示例将引导您完成发送和接收电子邮件的基本步骤，并让您更好地了解电子邮件系统的运作方式。

• 假设 A 想向 B 发送电子邮件。

• A 使用邮件程序（即邮件客户端）撰写邮件，然后选择“发送”选项。

• 邮件通过**简单邮件传输协议 (Simple Mail Transfer Protocol)** 路由到 B 的邮件服务器。

• 邮件服务器将电子邮件存储在磁盘上 B 指定的区域。

邮件服务器上的磁盘空间区域称为邮件存储区 (mail spool)。

• 现在，假设 B 正在运行 POP 客户端，并知道如何与 B 的邮件服务器通信。

• 它将定期轮询 POP 服务器以检查是否有任何新的电子邮件到达 B。在本例中，A 已向 B 发送了一封电子邮件，因此电子邮件将通过网络转发到 B 的电脑。此邮件现在存储在 B 的电脑上。

下图显示了上述步骤的图示。

电子邮件操作

创建电子邮件帐户

有各种电子邮件服务提供商，例如**Gmail、Hotmail、Yahoo Mail、Rediffmail** 等。在这里，我们将学习如何使用 Gmail 创建帐户。

• 打开 gmail.com 并点击**“创建帐户”**。

• 现在将出现一个表单。在此处填写您的详细信息，然后点击**“下一步”**。

• 此步骤允许您添加您的照片。如果您现在不想上传，您可以稍后进行。点击**“下一步”**。

• 现在出现一个欢迎窗口。点击**“继续使用 Gmail”**。

• 哇！您已完成使用 Gmail 创建电子邮件帐户。就这么简单，是不是？

• 现在您将看到您的 Gmail 帐户，如下面的图片所示。

要点

• Gmail 将邮件分为三个类别：**主收件箱、社交和促销**。

• 右侧提供**“撰写”**选项用于撰写电子邮件。

• 左侧窗格提供**“收件箱”、“星标”、“已发送邮件”、“草稿”**选项，允许您跟踪您的电子邮件。

撰写和发送电子邮件

发送电子邮件之前，我们需要撰写邮件。撰写电子邮件时，我们需要指定以下内容：

• 发件人在“收件人”字段中的地址

• 抄送 (如有需要)

• 密送 (如有需要)

• 电子邮件主题

• 正文

• 签名

您应该指定正确的电子邮件地址；否则，它将向发件人发送错误消息。

指定所有上述参数后，就可以发送电子邮件了。邮件程序提供“发送”按钮来发送电子邮件，当您点击“发送”时，它将发送到邮件服务器，并且上面会显示**“邮件发送成功”**的消息。

阅读电子邮件

每个电子邮件程序都提供一个界面来访问电子邮件。例如在 Gmail 中，电子邮件存储在不同的标签下，例如主收件箱、社交和促销。当您点击其中一个标签时，它将显示该标签下的电子邮件列表。

要阅读电子邮件，您只需点击该电子邮件即可。点击特定电子邮件后，它将打开。

打开的电子邮件可能附带一些文件。附件显示在打开的电子邮件底部，并提供名为**“下载附件”**的选项。

回复电子邮件

阅读电子邮件后，您可能需要回复该电子邮件。要回复电子邮件，请点击打开的电子邮件底部的**“回复”**选项。

点击“回复”后，它将自动将发件人的地址复制到“收件人”字段。在“收件人”字段下方，有一个文本框，您可以在其中键入消息。

输入完消息后，点击“发送”按钮。就这么简单，您的电子邮件已发送。

转发电子邮件

您也可以发送收到的邮件副本以及您自己的评论（如果需要）。这可以使用邮件客户端软件中提供的**“转发”**按钮来完成。

回复和转发电子邮件的区别在于，回复邮件是回复发送邮件的人，而转发邮件可以发送给任何人。

当您收到转发的邮件时，邮件每行前面都会标有 > 字符，并且**“主题：”**字段前缀为**“Fw：”**。

删除电子邮件

如果您不想将电子邮件保留在收件箱中，您可以通过简单地从邮件列表中选择邮件并点击**“删除”**或按相应的命令来删除它。

一些邮件客户端会将已删除的邮件存储在名为“已删除邮件”或“垃圾箱”的文件夹中，您可以从中恢复已删除的电子邮件。

电子邮件安全

电子邮件黑客攻击

电子邮件黑客攻击可以通过以下任何方式进行：

• 垃圾邮件

• 病毒

• 网络钓鱼

垃圾邮件

电子邮件垃圾邮件是指发送**未经请求的批量电子邮件 (UBI)** 的行为，而收件人并未要求接收这些邮件。电子邮件垃圾邮件是由商业公司发送的垃圾邮件，用于宣传其产品和服务。

病毒

一些电子邮件可能包含包含恶意脚本的文件，这些文件在您的电脑上运行时可能会导致破坏您的重要数据。

网络钓鱼

电子邮件网络钓鱼是指向用户发送电子邮件，声称自己是合法企业。其主要目的是窃取敏感信息，例如用户名、密码和信用卡详细信息。

此类电子邮件包含指向感染了恶意软件的网站的链接，并引导用户在外观和感觉与合法网站相同的虚假网站上输入详细信息。

电子邮件垃圾邮件和垃圾邮件

电子邮件垃圾邮件是指发送未经请求的批量电子邮件 (UBI) 的行为，而收件人并未要求接收这些邮件。电子邮件垃圾邮件是由商业公司发送的垃圾邮件，用于宣传其产品和服务。

垃圾邮件可能会导致以下问题：

• 它会用不需要的电子邮件淹没您的电子邮件帐户，如果收件箱已满，这可能会导致丢失重要的电子邮件。

• 查看和删除垃圾邮件会浪费时间和精力。

• 它会消耗带宽，从而降低邮件的投递速度。

• 一些未经请求的电子邮件可能包含会损害您的电脑的病毒。

阻止垃圾邮件

以下方法将帮助您减少垃圾邮件：

• 向新闻组或邮件列表发帖时，请使用与用于个人电子邮件不同的电子邮件地址。

• 不要在网站上提供您的电子邮件地址，因为它很容易被垃圾邮件发送。

• 避免回复您从陌生人那里收到的电子邮件。

• 切勿响应宣传产品的垃圾邮件购买任何商品。

电子邮件清理和归档

为了使收件箱更轻量级，最好定期对收件箱进行归档。在这里，我将讨论清理和归档 Outlook 收件箱的步骤。

• 在邮件窗格上选择**“文件”**选项卡。

• 在帐户信息屏幕上选择**“清理工具”**按钮。

• 从清理工具下拉菜单中选择**“归档”**。

• 选择**“归档此文件夹和所有子文件夹”**选项，然后点击您要归档的文件夹。从**“归档早于：”**列表中选择日期。点击**“浏览”**以创建新的 .pst 文件名和位置。点击**“确定”**。

电子邮件提供商

市场上有多种电子邮件服务提供商，它们都提供发送、接收、起草、存储电子邮件等功能。

下表显示了流行的电子邮件服务提供商。

网站设计

网页设计与网站的视觉方面直接相关。有效的网页设计对于有效地传达思想至关重要。

网页设计是 Web 开发的一个子集。但是，这两个术语通常可以互换使用。

要点

设计方案应包括以下内容：

• 有关信息架构的详细信息。

• 网站的计划结构。

• 页面站点地图

线框图

**线框图**是指网页外观的视觉指南。它有助于定义网站的结构、网页之间的链接以及视觉元素的布局。

线框图中包含以下内容：

• 主要图形元素的框图

• 标题和副标题的放置

• 简单的布局结构

• 行动号召

• 文本块

可以使用 Visio 等程序创建线框图，但您也可以使用笔和纸。

网页设计工具

以下是可用于创建有效网页设计的一些工具列表：

• Photoshop CC

• Illustrator CC

• Coda 2

• OmniGraffle

• Sublime Text

• GitHub

• 笔和纸

• Vim

• Imageoptim

• Sketch 3

• Heroku

• Axure

• Hype 2

• Slicy

• Framer.js

• Image Alpha

• Emmet LiveStyle

• Hammer

• Icon Slate

• JPEGmini Lite

• BugHerd

网页结构

网站包含以下组件：

包含块 (Containing Block)

容器 (Container) 可以是页面 body 标签的形式，也可以是一个包含所有内容的 div 标签。如果没有容器，网页内容将无处安放。

标识 (Logo)

标识 (Logo) 指的是网站的标识，用于公司各种营销形式，例如名片、信笺、宣传册等。

导航 (Navigation)

网站的导航系统 (navigation system) 应该易于查找和使用。导航通常位于页面的顶部。

内容 (Content)

网站上的内容应该与网站的目的相关。

页脚 (Footer)

页脚 (Footer) 位于页面的底部。它通常包含版权、合同和法律信息，以及一些指向网站主要部分的链接。

留白 (Whitespace)

它也称为负空间 (negative space)，指的是页面上未被文字或插图覆盖的任何区域。

网页设计错误 (Web design Mistakes)

应该注意以下常见的错误，并时刻牢记：

• 网站在除 Internet Explorer 之外的任何其他浏览器中均无法运行。

• 无故使用尖端技术。

• 自动启动的声音或视频。

• 隐藏或伪装的导航。

• 100% Flash 内容。

Web 开发 (Web development)

Web 开发 (Web development) 指的是构建网站并在网络上部署。Web 开发需要使用服务器端和客户端的脚本语言。

在开发网站之前，应该考虑以下几个方面：

• 网站上要放什么内容？

• 谁来托管它？

• 如何使其具有交互性？

• 如何编写代码？

• 如何创建一个对搜索引擎友好的网站？

• 如何经常保护源代码？

• 网站设计在不同的浏览器中显示效果如何？

• 导航菜单是否易于使用？

• 网站加载速度快吗？

• 网站页面打印起来容易吗？

• 访问者如何轻松找到网站的特定重要信息？

• 如何在您的网站上有效地使用样式表？

Web 开发流程 (Web Development Process)

Web 开发流程包括构建有吸引力、有效且响应迅速的网站的所有步骤。这些步骤如下图所示。（此处应插入流程图）

Web 开发工具 (Web development tools)

Web 开发工具帮助开发人员测试和调试网站。如今，Web 开发工具作为附加组件随 Web 浏览器一起提供。所有 Web 浏览器都为此目的内置了工具。

这些工具允许 Web 开发人员使用 HTML、CSS 和 JavaScript 等。可以通过将鼠标悬停在网页上的项目上并从上下文菜单中选择“检查元素 (Inspect Element)”来访问这些工具。

功能 (Features)

以下是每个 Web 开发工具都具有的常见功能：

HTML 和 DOM

HTML 和 DOM 查看器允许您查看 DOM 的渲染方式。它还允许您更改 HTML 和 DOM，并在更改后查看页面中反映的更改。

网页资源、网络信息

Web 开发工具还有助于检查网页上加载的和可用的资源。

性能分析和审计 (Profiling and Auditing)

性能分析 (Profiling) 指的是获取有关网页或 Web 应用程序性能的信息，而审计 (Auditing) 在分析页面后为开发人员提供优化建议，以减少页面加载时间并提高响应速度。

所需技能 (Skills Required)

为了成为一名成功的 Web 开发人员，应该具备以下技能：

• 理解客户端和服务器端脚本。

• 创建、编辑和修改 CMS 或 Web 开发框架的模板。

• 测试跨浏览器的不一致性。

• 进行观察性用户测试。

• 测试是否符合指定的标准，例如客户端区域的可访问性标准。

• 使用 JavaScript、PHP 和 jQuery 等进行编程交互。

网站托管 (Websites Hosting)

Web 托管 (Web hosting) 是一种提供在线空间用于存储网页的服务。这些网页通过万维网 (World Wide Web) 提供。提供网站托管的公司称为Web 主机 (Web hosts)。

托管网站的服务器全天候运行。这些服务器由 Web 托管公司运行。每个服务器都有自己的 IP 地址。由于 IP 地址难以记住，因此网站管理员将其域名指向存储其网站的服务器的 IP 地址。

无法在本地计算机上托管您的网站，这样做您需要让您的计算机全天候运行。这是不切实际且不经济的。这就是 Web 托管公司发挥作用的地方。

托管类型 (Types of Hosting)

下表描述了根据需要可以使用的不同类型的托管：

Web 托管公司 (Web Hosting Companies)

以下是几家提供 Web 托管服务的公司：

网站安全注意事项 (Website Security Considerations)

网站总是容易受到安全风险的影响。网络犯罪 (Cyber crime) 通过入侵您的网站来影响您的业务。然后，您的网站被用于入侵攻击，这些攻击会在访问者的计算机上安装恶意软件或恶意程序。

黑客也可能会窃取重要的客户数据，例如信用卡信息，破坏您的业务，并向您的用户传播非法内容。

安全注意事项 (Security Considerations)

更新软件 (Updated Software)

必须保持软件更新。这在确保网站安全方面发挥着至关重要的作用。

SQL 注入 (SQL Injection)

这是黑客试图操纵您的数据库的一种尝试。很容易将恶意代码插入您的查询中，该代码可用于操纵您的数据库，例如更改表、获取信息或删除数据。

跨站点脚本 (XSS) (Cross Site Scripting (XSS))

它允许攻击者将客户端脚本注入网页。因此，在创建表单时，最好确保您检查提交的数据，并对任何 HTML 进行编码或删除。

错误消息 (Error Messages)

您需要谨慎考虑在错误消息中提供多少信息。例如，如果用户登录失败，错误消息不应让用户知道哪个字段不正确：用户名或密码。

数据验证 (Validation of Data)

应在服务器端和客户端执行验证。

密码 (Passwords)

最好强制执行密码要求，例如至少八个字符，包括大写字母、小写字母和特殊字符。从长远来看，这将有助于保护用户信息。

上传文件 (Upload files)

用户上传的文件可能包含一个脚本，该脚本在服务器上执行时会打开您的网站。

SSL

在网站和 Web 服务器或数据库之间传递个人信息时，最好使用 SSL 协议。

万维网

万维网的技术定义是：互联网上所有使用超文本传输协议 (HTTP) 的资源和用户。

更广泛的定义来自 Web 发明者蒂姆·伯纳斯·李 (Tim Berners-Lee) 帮助创立的组织万维网联盟 (W3C)。

万维网是网络可访问信息的宇宙，是人类知识的体现。

简单来说，万维网是在互联网上计算机之间交换信息的一种方式，将它们连接成一个庞大的交互式多媒体资源集合。

互联网 (Internet) 和Web (Web) 不是同一回事：Web 使用互联网来传递信息。

WWW 的演变 (WWW Evolution)

万维网 (World Wide Web) 由蒂姆·伯纳斯·李 (Timothy Berners Lee) 于 1989 年在日内瓦 (Geneva) 的欧洲核子研究组织 (CERN) 创建。万维网作为他的提案而出现，允许研究人员在欧洲核子研究组织 (CERN) 更有效地协同工作。最终它成为了万维网 (World Wide Web)。

下图简要定义了万维网的演变。（此处应插入演变图）

WWW 架构 (WWW Architecture)

WWW 架构分为几个层，如下图所示。（此处应插入架构图）

标识符和字符集 (Identifiers and Character Set)

统一资源标识符 (URI) (Uniform Resource Identifier (URI)) 用于唯一标识 Web 上的资源，而Unicode 使构建可以用人类语言阅读和编写的网页成为可能。

语法 (Syntax)

可扩展标记语言 (XML) (XML (Extensible Markup Language)) 有助于在语义 Web 中定义通用语法。

数据交换 (Data Interchange)

资源描述框架 (RDF) (Resource Description Framework (RDF)) 框架有助于定义 Web 数据的核心表示。RDF 以图形形式表示有关资源的数据。

分类法 (Taxonomies)

RDF 模式 (RDFS) (RDF Schema (RDFS)) 允许对分类法 (taxonomies) 和其他本体论 (ontological) 结构进行更标准化的描述。

本体

Web本体语言 (OWL) 提供比RDFS更多的构造。它有以下三个版本：

• OWL Lite 用于分类和简单的约束。

• OWL DL 用于完整的描述逻辑支持。

• OWL 允许RDF更多的语法自由度。

规则

RIF 和 SWRL 提供超越RDFs 和 OWL 构造的规则。简单协议和RDF查询语言 (SPARQL) 是一种类似SQL的语言，用于查询RDF数据和OWL本体。

证明

所有在证明层以下执行的语义和规则及其结果都将用于证明推论。

密码学

密码学 方法，例如数字签名，用于验证来源。

用户界面和应用程序

在用户界面和应用程序层之上构建用于用户交互的层。

WWW操作

WWW 基于客户端-服务器模式。以下步骤解释了Web的工作原理：

1. 用户在Web浏览器地址栏中输入网页的URL（例如，https://tutorialspoint.com）。

2. 然后浏览器向域名服务器请求与www.tutorialspoint.com对应的IP地址。

3. 收到IP地址后，浏览器使用HTTP协议向Web服务器发送网页请求，该协议指定了浏览器和Web服务器通信的方式。

4. 然后Web服务器使用HTTP协议接收请求，并检查其是否找到请求的网页。如果找到，则将其返回给Web浏览器并关闭HTTP连接。

5. 现在Web浏览器接收网页，解释它并在Web浏览器的窗口中显示网页内容。

WWW的未来

Web领域发展迅速，它几乎影响了教育、研究、技术、商业、营销等各个领域。因此，Web的未来几乎难以预测。

除了WWW领域的巨大发展之外，W3C还必须应对一些技术问题。

用户界面

正在开发更高质量的三维信息呈现工作。W3C还期待改进Web，以满足全球社区的需求，其中包括所有区域语言和书写系统。

技术

正在开展隐私和安全工作。这将包括信息隐藏、问责制、访问控制、完整性和风险管理。

架构

Web领域发展迅速，可能会导致互联网过载并降低其性能。因此，需要开发更好的协议。

网页浏览器

Web浏览器是一种应用程序软件，允许我们查看和浏览网络上的信息。用户只需在地址栏中输入URL即可请求任何网页。

Web浏览器可以显示文本、音频、视频、动画等。Web浏览器负责解释网页中包含的文本和命令。

早期的Web浏览器是基于文本的，而现在也有基于图形或语音的Web浏览器。以下是当今最常用的Web浏览器：

架构

市场上有很多Web浏览器。它们都解释和显示屏幕上的信息，但是它们的功能和结构根据实现而有所不同。但是所有Web浏览器都必须具备的最基本组件如下所示：

• 控制器/调度程序

• 解释器

• 客户端程序

控制器在CPU中充当控制单元。它接收来自键盘或鼠标的输入，解释它并使其他服务根据接收到的输入工作。

解释器接收来自控制器的信息并逐行执行指令。一些解释器是强制性的，而另一些是可选的。例如，HTML解释器程序是强制性的，而Java解释器是可选的。

客户端程序描述将用于访问特定服务的特定协议。以下是常用的客户端程序：

• HTTP

• SMTP

• FTP

• NNTP

• POP

Web服务器

Web服务器是存储Web内容的计算机。基本上，Web服务器用于托管网站，但也存在其他Web服务器，例如游戏服务器、存储服务器、FTP服务器、电子邮件服务器等。

网站是网页的集合，而Web服务器是响应Web资源请求的软件。

Web服务器工作原理

Web服务器通过以下两种方式之一响应客户端请求：

• 将与请求的URL关联的文件发送到客户端。

• 通过调用脚本并与数据库通信来生成响应。

要点

• 当客户端请求网页时，Web服务器搜索请求的页面；如果找到请求的页面，则它将使用HTTP响应将其发送到客户端。

• 如果找不到请求的网页，Web服务器将发送HTTP响应：错误404未找到。

• 如果客户端请求其他资源，则Web服务器将联系应用程序服务器和数据存储以构建HTTP响应。

架构

Web服务器架构遵循以下两种方法：

• 并发方法

• 单进程事件驱动方法。

并发方法

并发方法允许Web服务器同时处理多个客户端请求。可以通过以下方法实现：

• 多进程

• 多线程

• 混合方法。

多进程

在此方法中，单个进程（父进程）启动多个单线程子进程并将传入的请求分发给这些子进程。每个子进程负责处理单个请求。

父进程负责监控负载并决定是否应终止或派生进程。

多线程

与多进程不同，它创建多个单线程进程。

混合方法

这是上述两种方法的组合。在这种方法中，创建多个进程，每个进程启动多个线程。每个线程处理一个连接。在单个进程中使用多个线程可以减少对系统资源的负载。

示例

下表描述了当今最主要的Web服务器：

代理服务器

代理服务器是客户端和互联网之间的中间服务器。代理服务器提供以下基本功能：

• 防火墙和网络数据过滤。

• 网络连接共享

• 数据缓存

代理服务器允许通过隐藏您的IP地址来隐藏、掩盖和使您的网络ID匿名。

代理服务器的目的

以下是使用代理服务器的原因：

• 监控和过滤

• 提高性能

• 转换

• 匿名访问服务

• 安全

代理类型

下表简要描述了代理类型：

正向代理

在此，客户端请求其内部网络服务器转发到互联网。

开放代理

开放代理帮助客户端在浏览网页时隐藏其IP地址。

反向代理

在此，请求被转发到一个或多个代理服务器，并且从代理服务器检索到的响应就好像它直接来自原始服务器一样。

架构

代理服务器架构分为几个模块，如下图所示：

代理用户界面

此模块控制和管理用户界面，并为最终用户提供易于使用的图形界面、窗口和菜单。此菜单提供以下功能：

• 启动代理

• 停止代理

• 退出

• 阻止URL

• 阻止客户端

• 管理日志

• 管理缓存

• 修改配置

代理服务器侦听器

这是侦听来自客户端浏览器的新的请求的端口。此模块还执行阻止来自用户提供的列表中的客户端的操作。

连接管理器

它包含代理服务器的主要功能。它执行以下功能

• 它包含代理服务器的主要功能。它执行以下功能

• 读取客户端请求头。

• 解析URL并确定URL是否被阻止。

• 建立与Web服务器的连接。

• 读取Web服务器的回复。

• 如果缓存中找不到页面的副本，则从Web服务器下载页面；否则，将检查回复头中的上次修改日期，并据此从缓存或Web服务器读取。

• 然后，它还将检查是否允许缓存，并据此缓存页面。

缓存管理器

此模块负责存储、删除、清除和搜索缓存中的网页。

日志管理器

此模块负责查看、清除和更新日志。

配置

此模块帮助创建配置设置，这些设置反过来又允许其他模块执行所需的配置，例如缓存。

搜索引擎

搜索引擎指的是互联网资源（例如网页、新闻组、程序、图像等）的庞大数据库。它有助于在万维网上查找信息。

用户可以通过以关键词或短语形式传递查询来搜索任何信息。然后，它在其数据库中搜索相关信息并返回给用户。

搜索引擎组件

通常，搜索引擎有三个基本组件，如下所示

1. 网络爬虫

2. 数据库

3. 搜索界面

网络爬虫

它也称为蜘蛛或机器人。它是一个遍历网络以收集信息的软件组件。

数据库

网络上的所有信息都存储在数据库中。它包含大量的网络资源。

搜索界面

此组件是用户和数据库之间的接口。它帮助用户搜索数据库。

搜索引擎工作原理

网络爬虫、数据库和搜索界面是搜索引擎的主要组件，它们使搜索引擎能够工作。搜索引擎使用布尔表达式 AND、OR、NOT 来限制和扩展搜索结果。以下是搜索引擎执行的步骤

• 搜索引擎在预定义的数据库索引中查找关键字，而不是直接访问网络搜索关键字。

• 然后，它使用软件在数据库中搜索信息。此软件组件称为网络爬虫。

• 网络爬虫找到页面后，搜索引擎会显示相关的网页作为结果。这些检索到的网页通常包括页面的标题、文本部分的大小、前几句话等。

这些搜索标准因搜索引擎而异。检索到的信息根据各种因素进行排名，例如关键词频率、信息相关性、链接等。

• 用户可以单击任何搜索结果以打开它。

架构

搜索引擎架构包含以下三个基本层

• 内容收集和改进。

• 搜索核心

• 用户和应用程序接口

互联网协作

在线聊天

在线聊天是通过网络在两个人或更多人之间进行的基于文本的通信。在此，文本消息实时传送，人们可以立即获得回复。

Talkomatic是世界上第一个在线聊天系统。它由Doug Brown和David R. Woolley于1973年开发。

聊天礼仪

聊天礼仪定义了在线聊天时应该遵循的规则

• 避免使用聊天俚语

• 尽量正确拼写所有单词。

• 不要将所有单词都大写。

• 未经他人允许，不要向其他聊天用户发送私人消息。

• 遵守聊天管理员制定的规则。

• 使用表情符号让对方了解你的感受和表情。

基于Web的聊天服务

以下网站提供基于浏览器的聊天服务

即时通讯 (IM)

即时通讯是一种软件实用程序，允许即时通讯用户通过发送文本消息、文件和图像进行通信。一些即时通讯还支持语音和视频通话。

互联网中继聊天 (IRC)

互联网中继聊天是由 Oikarinen 于 1988 年 8 月开发的协议。它定义了一组通过某种通信机制（例如聊天室）在客户端和服务器之间进行通信的规则，通过互联网。

IRC 由单独的 IRC 服务器和机器网络组成。这些允许 IRC 客户端连接到 IRC。IRC 客户端运行一个程序客户端以连接到 IRC 网络上的一个服务器。连接到 IRC 网络上的 IRC 服务器后，用户可以加入一个或多个频道并在那里进行对话。

视频会议

视频会议或视频电话会议是一种借助电信技术通过双向视频和音频传输进行通信的方法。

视频会议模式

点对点

这种会议模式仅连接两个位置。

多点

这种会议模式通过多点控制单元 (MCU)连接两个以上的位置。

视频共享

视频共享是一种IP多媒体子系统 (IMS) 服务，允许用户将语音呼叫切换到单向视频流会话。视频流会话可以由任何一方发起。此外，视频源可以是摄像机或预先录制的视频剪辑。

邮件列表

为了向一群人发送相同的电子邮件，会创建一个电子列表，称为邮件列表。它是接收和分发帖子的列表服务器，并自动管理订阅。

邮件列表提供了一个论坛，来自世界各地的用户可以在其中回答问题并获得志同道合者的解答。

邮件列表类型

以下是各种类型的邮件列表

回复列表

它包含以某种方式回应优惠的人群。这些人是对特定产品或服务感兴趣的客户。

编译列表

编译列表是通过收集来自各种来源（例如调查、电话营销等）的信息来准备的。

公告

这些列表是为向客户发送优惠券、新产品公告和其他优惠而创建的。

讨论列表

此列表是为共享关于特定主题（例如计算机、环境、健康、教育等）的观点而创建的。

邮件列表的工作原理？

在加入邮件列表之前，必须订阅它。订阅后，您的消息将发送给所有订阅该列表的人。同样，如果任何订阅者发布消息，则所有订阅该列表的订阅者都将收到它。

查找邮件列表

许多网站都提供维护公共邮件列表数据库的服务。其中一些是

• http://tile.net./lists

• http://lists.com

• http://topica.com

• http://isoft.com/lists/list-q.html

也可以使用 Google 网站查找邮件列表。在 Google 中，转到目录，然后执行以下操作：计算机 > 互联网 > 邮件列表 > 目录。

订阅邮件列表

要订阅列表，您需要向邮件列表的管理地址发送一封电子邮件，其中包含一个或多个命令。例如，如果您想订阅 gurus.com 中的 Harry Potter 列表，其中列表服务器的名称为 Majordomo，那么您必须向 majordom@gurus.com 发送包含文本“Subscribe harry potter”的电子邮件。

发送电子邮件后，您将收到订阅确认邮件。此电子邮件将包含一系列命令，这些命令将帮助您执行各种操作，例如取消订阅、接收确认以及找出您订阅了哪些列表。

有许多列表服务器可用，每个服务器都有自己用于订阅列表的命令。以下表格中描述了其中一些命令

Usenet（用户网络）

与邮件列表一样，Usenet也是一种共享信息的方式。它由 Tom Truscott 和 Jim Ellis 于 1979 年启动。最初它仅限于两个站点，但今天有数千个 Usenet 站点，涉及数百万人。

Usenet是一种讨论组，人们可以在其中分享他们感兴趣的话题的观点。发布到新闻组的文章将对新闻组的所有读者可见。

邮件列表与新闻组

在线教育

如下所述，有几种形式的在线教育可用

在线培训

在线培训是一种远程学习形式，其中教育信息通过互联网传递。有很多在线应用程序。这些应用程序从简单的可下载内容到结构化程序不等。

在线认证

也可以进行专业课程的在线认证，这可以提升您的资质。许多公司提供多种技术的在线认证。

在线认证有三种类型，如下所示

• 企业级

• 特定产品

• 行业范围

企业级认证由小型组织为内部目的而创建。

特定产品认证旨在培养和认可特定产品的专业技能。

行业认证旨在认可特定行业的专业知识。

在线研讨会

在线研讨会是在互联网上进行的研讨会。它是一个实时研讨会，允许参与者通过屏幕上的问答面板提问。

在线研讨会只需要一台连接互联网的电脑、耳机、扬声器和参加研讨会的授权。

网络研讨会

网络研讨会是一种基于网络的研讨会或工作坊，其中演示文稿使用会议软件通过网络进行传送。网络研讨会的音频部分通过电话会议传送。

会议

在线会议也是一种在线研讨会，其中涉及两人或两人以上。它也在互联网上进行。它允许商务人士在线进行会议。

社交网络

社交网络是指通过某种媒介将个人和组织聚集在一起，以分享思想、兴趣和活动。

目前有几种基于网络的社交网络服务可用，例如 Facebook、Twitter、LinkedIn、Google+ 等，它们提供易于使用和交互式的界面，以便与国内和海外的人们建立联系。还有一些基于移动设备的社交网络服务，例如 WhatsApp、Hike、Line 等应用程序。

可用的社交网络服务

下表描述了一些通过网络和移动设备提供的著名的社交网络服务。

互联网安全

互联网安全是指保护互联网上的通信安全。它包括特定的安全协议，例如：

• 互联网安全协议 (IPSec)

• 安全套接字层 (SSL)

威胁

互联网安全威胁会影响网络、数据安全和其他连接到互联网的系统。网络罪犯已经发展出多种技术来威胁银行账户、企业和组织的隐私和完整性。

以下是一些互联网安全威胁：

• 移动蠕虫

• 恶意软件

• 个人电脑和移动设备勒索软件

• 像 Stuxnet 这样试图破坏基础设施的大规模攻击。

• 黑客即服务

• 垃圾邮件

• 网络钓鱼

电子邮件钓鱼

电子邮件钓鱼是指向用户发送电子邮件，声称自己是合法企业的一种活动。其主要目的是窃取敏感信息，例如用户名、密码和信用卡详细信息。

此类电子邮件包含指向感染了恶意软件的网站的链接，并引导用户在外观和感觉与合法网站相同的虚假网站上输入详细信息。

钓鱼邮件可能包含什么？

以下是钓鱼邮件的症状：

拼写错误和语法错误

此类电子邮件通常包含语法错误的文本。忽略此类电子邮件，因为它们可能是垃圾邮件。

注意邮件中的链接

不要点击可疑电子邮件中的任何链接。

威胁

此类邮件包含诸如“如果您没有回复电子邮件，您的帐户将被关闭”之类的威胁。

伪造流行网站或公司

这些电子邮件包含似乎与合法网站相关的图形，但实际上它们连接到虚假网站。

数字签名

数字签名允许我们验证签名的作者、日期和时间，对消息内容进行身份验证。它还包括用于附加功能的身份验证功能。

数字签名不仅应与签名用户相关联，还应与消息相关联。

应用

在通信中实现数字签名有几个原因：

身份验证

数字签名有助于对消息来源进行身份验证。例如，如果银行的分支机构向中央办公室发送消息，请求更改帐户余额。如果中央办公室无法验证该消息是由授权的来源发送的，则对该请求采取行动可能是一个严重的错误。

完整性

一旦消息被签名，对消息的任何更改都会使签名无效。

不可否认性

根据此属性，任何已签署某些信息的实体都不能在以后否认已签署它。

防火墙安全

防火墙是局域网 (LAN) 和互联网之间的屏障。它允许保持私有资源的机密性并最大限度地降低安全风险。它控制双向的网络流量。

下图显示了局域网和互联网之间的一个示例防火墙。两者之间的连接是薄弱环节。在此处可以使用硬件和软件来过滤网络流量。

防火墙系统有两种类型：一种通过在网络层使用过滤器工作，另一种通过在用户、应用程序或网络层使用代理服务器工作。

要点

• 系统管理员和网络管理员都必须解决防火墙管理问题。

• 防火墙的过滤量会有所不同。对于同一个防火墙，在不同方向上的过滤量可能不同。

HTML

HTML代表超文本标记语言。它是一种格式化语言，用于定义网页的外观和内容。它允许我们在网页上组织文本、图形、音频和视频。

要点

• “超文本”指的是充当链接的文本。

• “标记”指的是用于定义文本结构的符号。标记符号告诉浏览器如何显示文本，通常称为标签。

• “语言”指的是类似于任何其他语言的语法。

HTML 由蒂姆·伯纳斯·李在CERN创建。

HTML 版本

下表显示了 HTML 的各个版本。

HTML 标签

标签是一个命令，告诉 Web 浏览器如何在网页上显示文本、音频、图形或视频。

要点

• 标签用一对尖括号表示。

• 它们以小于号 (<) 字符开头，以大于号 (>) 字符结尾。

• 标签名称在尖括号之间指定。

• 大多数标签通常成对出现：开始标签和结束标签。

• 开始标签只是标签名称用尖括号括起来，而结束标签则包括一个正斜杠 (/)。

• 有些标签是空的，即它们没有结束标签。

• 标签不区分大小写。

• 开始和结束标签名称必须相同。例如 <b> hello </i> 是无效的，因为两者都不同。

• 如果您没有为标签指定尖括号 (<>)，浏览器会将标签名称视为简单文本。

• 标签也可以具有属性，以向浏览器提供有关标签的附加信息。

基本标签

下表显示了定义基本网页的基本 HTML 标签。

以下代码显示了如何使用基本标签。

<html>
   <head> Heading goes here…</head>
   <title> Title goes here…</title>
   <body> Body goes here…</body>
</html>

格式化标签

下表显示了用于格式化文本的 HTML 标签。

表格标签

下表描述了常用的表格标签。

列表标签

下表描述了常用的列表标签。

框架

框架帮助我们将浏览器的窗口分割成多个矩形区域。每个区域包含独立的HTML网页，并且它们各自独立工作。

浏览器中的一组框架被称为框架集。它告诉浏览器如何将浏览器窗口分割成框架以及每个框架要加载的网页。

下表描述了用于创建框架的各种标签

表单

表单用于输入值。这些值被发送到服务器进行处理。表单使用文本字段、复选框、单选按钮、列表、提交按钮等输入元素来输入数据。

下表描述了创建表单时常用的标签

CSS

CSS是层叠样式表的首字母缩写。它有助于将HTML元素的呈现定义为单独的文件，称为CSS文件，扩展名为.css。

CSS通过只在一个地方进行更改来更改任何HTML元素的格式。所做的所有更改都将自动反映到网站中出现该元素的所有网页。

将CSS嵌入HTML

以下是将CSS添加到HTML文档的四种方法。

• 内联样式表

• 嵌入式样式表

• 外部样式表

• 导入样式表

内联样式表

内联样式表包含在HTML元素中，即它们与元素内联放置。要添加内联CSS，我们必须声明style属性，该属性可以包含任何CSS属性。

语法 (Syntax)

<Tagname STYLE = “ Declaration1 ; Declaration2 “>  …. </Tagname>

让我们考虑以下使用内联样式表的示例

<p style="color: blue; text-align: left; font-size: 15pt">
Inline Style Sheets are included with HTML element i.e. they are placed inline with the element.
To add inline CSS, we have to declare style attribute which can contain any CSS property.
</p>

嵌入式样式表

嵌入式样式表用于将相同的样式应用于特定元素的所有出现。这些样式通过使用<style>元素在元素中定义。

<style>元素必须包含type属性。type属性的值指定浏览器呈现时包含的语法类型。

语法 (Syntax)

<head> <title> …. </title>
<style type =”text/css”>
   …….CSS Rules/Styles….
</head>

让我们考虑以下使用嵌入式样式表的示例

<style type="text/css">
   p {color:green; text-align: left; font-size: 10pt}
   h1 { color: red; font-weight: bold}
</style>

外部样式表

外部样式表是包含CSS规则的单独.css文件。这些文件可以使用<link>标签和rel属性链接到任何HTML文档。

语法 (Syntax)

<head> <link rel= “stylesheet”  type=”text/css” href= “url of css file”>
</head>

为了创建外部css并将其链接到HTML文档，请按照以下步骤操作

• 首先创建一个CSS文件，并为多个HTML元素定义所有CSS规则。让我们将此文件命名为external.css。

p { 
   Color: orange;     text-align:  left;        font-size: 10pt;
}
h1 { 
   Color: orange;      font-weight: bold;
}

• 现在创建一个HTML文档并将其命名为externaldemo.html。

<html>
   <head>
      <title> External Style Sheets Demo </title>
      <link rel="stylesheet"  type="text/css" href="external.css">
   </head>
   <body>
      <h1> External Style Sheets</h1>
      <p>External Style Sheets are the separate .css files that contain the CSS rules.</p>
   </body>
</html>

导入样式表

导入样式表允许我们从其他样式表导入样式规则。要导入CSS规则，我们必须在样式表中的所有规则之前使用@import。

语法 (Syntax)

<head><title> Title Information </title>
   <style type=”text/css”>
      @import URL (cssfilepath)
      … CSS rules…
   </style>
</head>

让我们考虑以下使用内联样式表的示例

<html>
   <head>
      <title> External Style Sheets Demo </title>
      <style>
         @import url(external.css);
      </style>
   </head>
   <body>
      <h1> External Style Sheets</h1>
      <p>External Style Sheets are the separate .css files that contain the CSS rules.</p>
   </body>
</html>

JavaScript

JavaScript是一种轻量级、解释型编程语言，具有面向对象的特性，允许您在原本静态的HTML页面中构建交互性。

JavaScript代码不是编译的，而是由解释器翻译的。这个解释器嵌入在浏览器中，负责翻译JavaScript代码。

JavaScript是

• 轻量级、解释型编程语言。

• 专为创建网络中心应用程序而设计。

• 与Java互补并集成。

• 与HTML互补并集成

• 开放和跨平台的

JavaScript语句

JavaScript语句是命令浏览器执行操作的指令。语句用分号 (;) 分隔。

JavaScript语句构成JavaScript代码，浏览器逐行翻译该代码。

JavaScript语句示例

document.getElementById("demo").innerHTML = "Welcome";

下表显示了各种JavaScript语句

JavaScript注释

JavaScript支持C风格和C++风格的注释，因此

• // 和行尾之间的任何文本都被视为注释，JavaScript会忽略它。

• /* 和 */ 之间的任何文本都被视为注释。这可能跨越多行。

• JavaScript还识别HTML注释的起始序列<!--。JavaScript将其视为单行注释，就像//注释一样。-->

• HTML注释的结束序列-->不被JavaScript识别，因此应写为//-->。

示例

<script language="javascript" type="text/javascript">
   <!--

      // this is a comment. It is similar to comments in C++

      /*
         * This is a multiline comment in JavaScript
         * It is very similar to comments in C Programming
      */
   //-->
<script>

JavaScript变量

变量被称为用于存储信息的命名容器。我们可以将数据放入这些容器中，然后只需命名容器即可引用数据。

在JavaScript中声明变量的规则

• 在JavaScript中，变量名区分大小写，即a与A不同。

• 变量名只能以下划线 ( _ ) 或字母 (a到z或A到Z) 或美元 ($) 符号开头。

• 数字 (0到9) 只能在字母之后使用。

• 变量名中不允许使用其他特殊字符。

在JavaScript程序中使用变量之前，必须声明它。变量使用var关键字声明，如下所示

<script type="text/javascript">
   <!--
      var money;
      var name, age;
   //-->
</script>

变量可以在声明时或声明后初始化，如下所示

<script type="text/javascript">
   <!--
      var name = "Ali";
      var money;
      money = 2000.50;
   //-->
</script>

Javascript数据类型

如下所述，有两种数据类型

• 原始数据类型

• 非原始数据类型

下表显示了原始数据类型

下表包含非原始数据类型

JavaScript函数

函数是一组可在程序的任何位置调用的可重用语句（代码）。在javascript中，函数关键字用于声明或定义函数。

要点

• 要定义函数，请使用函数关键字后跟函数名，后跟括号 ()。

• 在括号中，我们定义参数或属性。

• 可重用语句（代码）组用花括号 {} 括起来。每当调用函数时，都会执行此代码。

语法 (Syntax)

function functionname (p1, p2) {
   function coding…
}

JavaScript运算符

运算符用于对一个、两个或多个操作数执行运算。运算符由符号表示，例如+、=、*、%等。以下是javascript支持的运算符

• 算术运算符

• 比较运算符

• 逻辑（或关系）运算符

• 赋值运算符

• 条件（或三元）运算符

• 算术运算符

控制结构

控制结构实际上控制程序的执行流程。以下是javascript支持的几种控制结构。

1. if … else

2. switch case

3. do while循环

4. while循环

5. for循环

PHP

PHP是超文本预处理器 (PHP)的首字母缩写，是一种编程语言，允许Web开发人员创建与数据库交互的动态内容。PHP主要用于开发基于Web的软件应用程序。

PHP最初是一个小型开源项目，随着越来越多的人发现它的实用性，它也逐渐发展壮大。Rasmus Lerdorf早在1994年就发布了第一个版本的PHP。

要点

• PHP是“PHP：超文本预处理器”的递归缩写。

• PHP是一种嵌入在HTML中的服务器端脚本语言。它用于管理动态内容、数据库、会话跟踪，甚至构建整个电子商务网站。

• 它与许多流行的数据库集成，包括MySQL、PostgreSQL、Oracle、Sybase、Informix和Microsoft SQL Server。

• PHP的执行速度非常快，尤其是在Unix系统上作为Apache模块编译时。MySQL服务器启动后，即使是非常复杂的查询以及巨大的结果集，也能以创纪录的时间执行。

• PHP支持许多主要的协议，例如POP3、IMAP和LDAP。PHP4增加了对Java和分布式对象体系结构（COM和CORBA）的支持，首次使n层开发成为可能。

PHP的用途

• PHP执行系统函数，即它可以创建、打开、读取、写入和关闭系统上的文件。

• PHP可以处理表单，即从文件收集数据，将数据保存到文件，通过电子邮件发送数据，将数据返回给用户。

• 通过PHP，您可以添加、删除、修改数据库中的元素。

• 访问cookie变量并设置cookie。

• 使用PHP，您可以限制用户访问网站的某些页面。

• 它可以加密数据。

特性

五个重要的特性使PHP的实用性成为可能

• 简单性

• 效率

• 安全

• 灵活性

• 熟悉性

“Hello World”PHP脚本

为了了解PHP，首先从简单的PHP脚本开始。“Hello, World!”是一个必要的示例，所以我们首先创建一个友好的“Hello, World!”脚本。

如前所述，PHP嵌入在HTML中。这意味着在您的普通HTML（如果您使用的是前沿技术，则为XHTML）中，您将拥有这样的PHP语句

<html>
   <head>
      <title>Hello World</title>
      <body>
         <?php echo "Hello, World!";?>
      </body>
</html>

它将产生以下结果

Hello, World!

如果您检查上面示例的HTML输出，您会注意到服务器发送到您网页浏览器的文件中不存在PHP代码。网页中所有PHP代码都已处理并从页面中去除；从Web服务器返回到客户端的只有纯HTML输出。

所有PHP代码都必须包含在PHP解析器识别的三个特殊标记之一内。

<?php PHP code goes here ?>
<?php PHP code goes here ?>
<script language="php"> PHP code goes here </script>