一、互联网的起源

• 互联网（英语：Internet）

• 互联网始于1969年的美国，又称因特网。是美军在[ARPA]（[阿帕网]，[美国国防部研究计划署]制定的协定下，首先用于军事连接，后将美国西南部的[加利福尼亚大学]分校、[斯坦福大学]研究学院、UCSB（[加利福尼亚大学]）和[犹他州大学]的四台主要的计算机连接起来。这个协定由[剑桥大学]的BBN和MA执行，在1969年12月开始联机。

  
  
  蒂姆·伯纳斯·李.png
• 1989年，在普及互联网应用的历史上又一个重大的事件发生了。
• 蒂姆·伯纳斯·李和其他在欧洲粒子物理实验室的人----这些人在[欧洲粒子物理研究所]非常出名，提出了一个分类互联网信息的协议。这个协议，1991年后称为[WWW]，基于[超文本协议]――在一个文字中嵌入另一段文字的-连接的系统，当你阅读这些页面的时候，你可以随时用他们选择一段文字[链接]。

• 在今天作为Web之父的蒂姆·伯纳斯·李已经功成名就。但并不像大多数普通人都认为的那样，和其他科学发明一样，环球网（WWW）的建立是通向致富的捷径。与那些依托互联网一夜暴富之士相比，他仍然坚守在学术研究技术岗位上，那种视富贵如浮云的胸襟，真正表现了一个献身科学的学者风度。

  
  

二、万维网是怎么工作的

• 客户端和服务器

连接到互联网的计算机被称作客户端和服务器。下面是一个简单描述它们如何交互的图表：

• 客户端是典型的Web用户入网设备（比如，你连接了Wi-Fi的电脑，或接入移动网络的手机）和设备上可联网的软件（通常使用像 Firefox 和 Chrome的浏览器）。
• 服务器是存储网页，站点和应用的计算机。当一个客户端设备想要获取一个网页时，一份网页的拷贝将从服务器上下载到客户端机器上来在用户浏览器上显示。

• 其他部分

我们讲的客户端和服务器并不能完成全部工作。还有其他必要的部分，我们将在下面讲述。现在，让我们假设 Web 就是一条路。路的一端是客户端，就像你的家。另一端则是服务器，就像你想去的商店。

除了客户端和服务器，我们还需要了解：

• 网络连接: 允许你在互联网上发送和接受数据。基本上和你家到商店的街道差不多。
• TCP/IP: 传输控制协议和因特网互连协议是定义数据如何传输的通信协议。这就像你去商店购物所使用的交通方式，比如汽车或自行车（或是你能想到的其他可能）。
• DNS: 域名系统服务器像是一本网站通讯录。当你在浏览器内输入一个网址时，浏览器获取网页之前将会查看域名系统。浏览器需要找到存放你想要的网页的服务器，才能发送 HTTP 请求到正确的地方。就像你要知道商店的地址才能到达那。
• HTTP: 超文本传输协议是一个定义客户端和服务器间交流的语言的协议（[protocol]）。就像你下订单时所说的话一样。
• 组成文件: 一个网页由许多文件组成，就像商店里不同的商品一样。

• 这些文件有两种类型：
  • 代码: 网页大体由 HTML、CSS、JavaScript组成，不过你会在后面看到不同的技术。
  • 资源: 这是其他组成网页的东西的集合，比如图像、音乐、视频、Word文档、PDF文件。

• 到底发生了什么？

当你在浏览器里输入一个网址时（在我们的例子里就是走向商店的路上时）：

• 浏览器在域名系统服务器上找出存放网页的服务器的实际地址（找出商店的位置）。
• 浏览器发送 HTTP 请求信息到服务器来请拷贝一份网页到客户端（你走到商店并下订单）。这条消息，包括其他所有在客户端和服务器之间传递的数据都是通过互联网使用 TCP/IP 协议传输的。
• 服务器同意客户端的请求后，会返回一个“200 OK”信息，意味着“你可以查看这个网页，给你～”，然后开始将网页的文件以数据包的形式传输到浏览器（商店给你商品，你将商品带回家）。
• 浏览器将数据包聚集成完整的网页然后将网页呈现给你（商品到了你的门口 —— 新东西，好棒！）。

• DNS解析

• 真正的网址看上去并不像你输入的那样美好、容易记忆。它们是一串数字，像 63.245.217.105。
• 这叫做 IP 地址，它代表了一个互联网上独特的位置。然而，它并不容易记忆，不是吗？那就是域名系统被发明的原因。它们是将你输入浏览器的地址与实际 IP 地址相匹配的特殊的服务器（像 "mozilla.org"）。

• 网页可以通过 [IP地址]直接访问。

  
  

• 数据包解析

• 前面我们用“包”来描述了数据从服务器到客户端传输的格式。这是什么意思？基本上，当数据在Web上传输时，是以成千上万的小 数据块 的形式传输的。大量不同的用户都可以在同时下载同一个网页。如果网页以单个大的 数据块 形式传输，一次就只有一个用户下载，无疑会让Web非常没有效率并且失去很多乐趣。

三、HTML概念

• HTML 是何方神圣？

• 超文本标记语言 (英语：Hypertext Markup Language，简称：HTML ) 是一种用来结构化 Web 网页及其内容的标记语言。网页内容可以是：一组段落、一个重点信息列表、也可以含有图片和数据表。
• HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。HTML 由一系列的元素（[elements]）组成，这些元素可以用来包围不同部分的内容，使其以某种方式呈现或者工作。

• HTML 元素详解

这个元素的主要部分有：

• 开始标签（Opening tag）：包含元素的名称（本例为 p），被大于号、小于号所包围。表示元素从这里开始或者开始起作用 —— 在本例中即段落由此开始。
• 结束标签（Closing tag）：与开始标签相似，只是其在元素名之前包含了一个斜杠。这表示着元素的结尾 —— 在本例中即段落在此结束。初学者常常会犯忘记包含结束标签的错误，这可能会产生一些奇怪的结果。
• 内容（Content）：元素的内容，本例中就是所输入的文本本身。
• 元素（Element）：开始标签、结束标签与内容相结合，便是一个完整的元素。

元素也可以有属性（Attribute）：

属性包含了关于元素的一些额外信息，这些信息本身不应显现在内容中。本例中，class 是属性名称，editor-note 是属性的值 。class 属性可为元素提供一个标识名称，以便进一步为元素指定样式或进行其他操作时使用。
属性应该包含：

• 在属性与元素名称（或上一个属性，如果有超过一个属性的话）之间的空格符。
• 属性的名称，并接上一个等号。
• 由引号所包围的属性值。

• HTML的补充说明

• 静态网页也称为HTML页面或HTML文档，后缀名为.html或.html。
• HTML语是有版本之分的，最新的版本是HTML5。
• 不同版本的HTML支持的标签有所不同。
• 不同浏览器对不同版本的HTML支持情况也不同。
• 即使对同一标签，不同的浏览器的解释也有可能不同。
• 即，同一个页面，在不同浏览器中看到效果可能不同，这就是我们常说的：浏览器兼容性问题。