1. 认识网页

1. 认识网页

网页主要由文字、图像和超链接等元素构成。当然，除了这些元素，网页中还可以包含音频、视频以及 Flash 等。

TIPS: 

1. 每一个网页都是一个以.html(文件扩展名)作为结尾的文件

2. html类型的文件需要在浏览器中打开，浏览器起到了解析html文件的作用

3. 我们学习的就是在html文件当中去如何填写内容

2. 常见浏览器介绍

浏览器是网页运行的平台，常用的浏览器有 IE、火狐（Firefox）、谷歌（Chrome）、Safari 和 Opera 等。我们平时称为五大浏览器。

TIPS:

浏览器内核又可以分成两部分：渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。

渲染引擎: 它负责取得网页的内容（HTML、XML、图像等等）、整理讯息（例如加入 CSS 等），以及计算网页的显示方式，然后会输出至显示器或打印机。

JS 引擎: 则是解析 Javascript 语言，执行 javascript语言来实现网页的动态效果。

浏览器的内核的不同对于网页的语法解释会有不同，所以渲染的效果也不相同。所以为了避免这种情况，制定了WEB标准,用以限制浏览器厂商在开发浏览器时遵循标准研发。

3. Web 标准

由 W3C 和其他标准化组织制定的一系列标准的集合。主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

4. 网页的构成

因为W3C标准的规范，我们的网页是由三部分构成的。

• 结构：指的就是用 html 标签描述网页的结构。比如描述标题，段落，表格，表单等。

• 表现：指的就是 css 控制网页的样式。比如字体颜色和大小，背景颜色等。

• 行为：指的就是用 JavaScript 控制网页的交互行为。比如用户点击时，页面如何响应。

我们可以先来看一段网页源码。不凡学院官网

只有HTML:

CSS应用之后:

直观感受：

TIPS:

一个网页的实现，首先需要HTML去书写基本结构，然后用CSS去美化页面的样式，最后用JS完善网页当中的交互。