公输的学习记录day1

一 了解前端的学习路线

主要学习pc端网站布局。

最终目标：学会制作品优购的静态网站。（为学习JavaScript打基础）

第一步：学习HTML5基础，约占20%，主要学习最常见的没有兼容性的HTML标签。

第二步：css3基础，学习最常用的没有兼容性的css样式，与前面学的HTML相结合完成传统的pc端网页布局；50%

第三步：h5c3提高，有一定的兼容性，10%

第四步：项目-品优购电商网站的开发20%，完成首页，列表页，注册页的制作。

二 HTML的简介

1.网页

 网站是网页的集合，网页是网站中的一页，通常是HTML格式的文件，通过浏览器来阅读。

网页是构成网站的基本元素，网页是由图片链接文字声音等元素组成的。通常看到的网页以.htm或.html 后缀结尾的文件，因此俗称HTML文件。

2.什么是HTML

HTML是超文本标记语言（Hyper Text Markup Language ），非编程语言，而是一种标记语言，实质是一套标记标签。

超文本：超越文本限制，超级链接文本；

3.网页的形成

前端人员开发代码--＞浏览器显示代码（解析渲染）--＞生成最后的web页面

4.常用的浏览器

浏览器是网页显示运行的平台，常用的有ie 火狐 谷歌 Safari（苹果）Opera，五大浏览器

（必备谷歌浏览器）

浏览器内核（渲染引擎）：负责读取网页内容，整理讯息，计算网页显示方式并显示页面。ie的内核trident，国内目前一般采用webkit/blink内核如360，uc，qq，搜狗等

5.web标准

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

（面试会问）web标准的构成，

主要包括结构，表现，和行为三个方面

结构用于对网页元素进行整理和分类，现阶段主要学的是HTML

表现，用于设置网页元素的版式颜色大小等外观样式，主要指CSS

行为，指网页模型的定义及交互的编写，现阶段主要学的是JavaScript

web标准的最佳体验方案，结构样式行为相分离，简单来说就是结构写到HTML文件里，表现写到css文件中，行为写到JavaScript文件中

相对来说，结构HTML最重要。