第二天：HTML简介

没有光明是不幸的么？不，需要光明才是真正的不幸。 ——网络

学习目标

• 能够说出网页的基本组成

• 能够说出什么是HTML

• 能够说出常用的浏览器

• 能够说出Web标准的三大组成部分

学习路线

网页

• 什么是网页

  网站是由网页组成的

  • 网站是指在因特网上根据一定的规则，使用HTML等制作的用于展示指定内容相关的网页合集

  • 网页是构成网站的某一页，通常是HTML的格式的文件，他需要通过浏览器来阅读

  • 网页是构成网站的基本元素、它通常由图片、文字、声音、视频等元素组成。通常我们看到的网页，长江以.htm,.html等后缀结尾的文件，所以也俗称为HTML文件

• 什么是HTML

  HTML是超文本标记语言（Hyper Text Markup Language），它是用来描述网页的一种语言

  HTML不是编程语言，而是一种标记语言（Markup Language）

  标记语言是一套标记标签（Markup Tag）

• 所谓超文本，有两层含义

  • 它可以加入图片、声音、动画、多媒体内容等（超越了文本限制）
  • 它可以从一文件跳转到另一个文件，与世界各地的主机的文件进行文件连接（超级链接文本）

• 网页是如何形成的？

  • 网页是由网页元素写成的，这些元素是利用HTML标签描述出来，然后通过浏览器解析来展示给用户的
  • 开发人员代码->浏览器显示代码（解析、渲染）->生成最后的Web页面

浏览器

• 浏览器是通过网页显示、运行的平台，常用的有Firefox、Chrome、Safari和Opera等，成为五大浏览器平台

• 浏览器内核

  浏览器	内核	备注
  IE	Trident	IE、猎豹、360极速浏览器、百度浏览器等
  Firefox	Gecko	火狐浏览器内核
  Safari	Webkit	Apple浏览器内核
  Chrome	blink	开源，Blink其实是Webkit的分支

  国产浏览器一般用的是Webkit/Blink内核

Web标准

Web标准是由W3C组织和其他定制化组织定制的一系列标准的集合。W3C（万维网联盟）是国际知名的标准化组织

• 为什么要学习web标准

  • 浏览器不同，它们显示的页面排版可能会有些许差异
  • 遵循web标准除了可以让不同的开发人员写出的页面更加标准、统一外，还有以下优点：
    1. 让Web的发展前景更加广阔
    2. 内容能够被更广泛的设备访问
    3. 更容易被搜索引擎搜索
    4. 降低网站流量费用
    5. 使网页更加易于维护
    6. 提高页面加载和渲染速度

• Web标准的构成

  • 主要包含结构（Structure）、**表现（Presentation）和行为（Behaviour）**三个方面

    | 标准 | 说明 |
    | ---- | ------------------------------------------------------------ |
    | 结构 | 结构用于对网页元素进行整理和分类，现阶段主要学的是HTML |
    | 表现 | 表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS |
    | 行为 | 行为指的是网页模型的定义及交互的编写，现阶段主要学的是Javascript |

    Web标准提出的最佳体验方式是：结构、样式、行为相分离

    简单理解：结构写在HTML文件中、表现写在CSS文件中、行为写在Javascript文件中

  

  • 结构类似于身体，表现类似于外观装饰，行为类似于动作。相比较而言，结构最重要