学习路线

主要学习PC端网站布局：品优购静态网站

功能点：

1. 基础页面
2. 点开页面到链接网页
3. 注册页面

**目的：**精通网页布局，是前端人员的必备技能，为后面学习JS打好基础

路线：
HTML5基础->CSS3基础->H5C3提高->项目-品优购电商网站

网页的基本组成、HTML

网页的基本组成：
网站是网页的集合，网页是网站的基本元素。
网页是网站的一个页，是HTML格式的文件，需要通过浏览器来阅读。

HTML：
由图片，链接，文字，声音，视频等元素组成，通常看到的网页以htm或者html后缀结尾的文件，因此被称为HTML文件，
HTML是超文本标记语言来描述网页的一种语言

超文本

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

常用的浏览器

1. 浏览器： ie，firefox，Google，edge，Safari，opera
2. 内核：又称渲染引擎，负责读取网页内容，整理讯息，计算网页的显示方式并显示页面
   

web标准

web标准是由W3C组织（万维网联盟）和其他标准化组织制定的一系列标准的集合。
浏览器不同，它们显示页面或者排版就有些许差异。

Web标准的构成

主要包括结构（Structure）、表现（Presentation）和行为（Behavior）三个方面。

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

Web标准提出的最佳体验方案：结构、样式、行为相分离
简单理解：结构写到HTML文件中，表现写到CSS文件中，行为写到JavaScript文件中