之前很杂的把前端几乎学了一遍，从html,css，h5,c3,js，jq，ajax，php，vue，微信小程序，微信小游戏，three.js,node，mongodb现在再系统的学一遍，为明年实习打下扎实的基础，简单的就不再赘述。先看一下第一天的学习路线
一：前端最基本的就是做网页，网页需要-->在浏览器上面显示，那啥是浏览器，这么多浏览器为上什么会显示的不一样-->浏览器的内核,各个浏览器内核不一样，如何让网页大致显示一样-->W3c标准
二：正式认识HTML，HTML标签这么多，怎么能高效开发-->开发工具：HTML骨架-文档类型-字符集，这些都是开发工具自带。开始介绍常用标签和路径
1：常见五大浏览器内核介绍
IE、Firefox、Google Chrome、Safari、Opera。
浏览器最重要的部分，是浏览器的内核。浏览器的内核也称渲染引擎，用来解释网页语法并渲染到页面上。浏览器内核决定了浏览器该如何显示网页内容以及页面的格式信息。不同的浏览器内核对网页的语法解释也不同，因此网页开发者需要在不同内核的浏览器中测试网页的渲染效果。
IE -----Trident
Firefox ---Gecko
Google Chrome --以前Webkit,现在blink
Safari --Webkit
Opera --blink
由于浏览器内核不同，不同浏览器内核对页面的语法解释也不同。所以引出了Web标准
2：Web标准
Web标准不是某一个标准，而是一系列标准的集合。网页主要由三部分组成：结构，表现 行为。对应的标准也分为三方面
结构化标准语言主要包括XHTML和HTML(超文本链接标识语言)
表现化标准语言主要包括CSS(层叠样式表)
行为化标准语言主要包括DOM(文档对象模型)，BOM，ECMAScript。
这些标准大部分由万维网联盟编写(W3c),所以web标准，也被人们称为w3c标准
好处：加快页面解析；更良好的用户体验
接下来正式学习HTML
3：HTML初始
首先HTML是超文本标记语言，不是编程语言。标记语言是一套标记标签。
他的作用是：用标记标签来表述网页，把网页内容在浏览器中站才能出来
理解一下什么是超(因为他可以加入图片,声音，动画，多媒体等内容)
HTML骨架：在sublime编辑器打开，然后！+table或者HTML：5+table，会自动生成html骨架
先看DOCTYPE 文档类型，这里的！代表注释，不会在浏览器显示
标签为所有的XHTML文档指定XHTML的版本和类型，只有这样浏览器才能按指定的文档类型进行解析。但是我们学的是HTML5，不用担心(HTML5向下兼容)
字符集 UTF-8：避免字符集不统一而引起乱码
作用所有html中标签的一个根节点，最大的标签
html标签语义化:指标签的含义
核心：合适的地方给一个最合理的标签
百话：一眼看去就只带哪个是重点，结构是什么
4：标签
div，span是没有语意的，使我们网页布局主要的两个盒子
文本格式化标签
strong，em,del,u
图像标签：
img-->src,alt,title,width,height
链接标签:
<a href=""> </a>
外部链接：网址
内部链接：内部文件
没有确定链接目标：#
超链接：
牟点定位：两个相对应的id,class href=“#move” 下面id=“move”
默认 ：target = “_self” 若想跳转之后再新窗口打开，target = “_blank”
当有太多的链接，想跳转之后再新窗口打开，你要添加好多target = “_blank”
这是你只需要在字符集下面，添加base标签，设置整体链接打开状态
img ，br ，hr，base单标签
特殊字符集：
<!-- ；<；>；©-->；
注释标签：
快捷键ctrl+/
<!-- -->
以<!--开始，以-->结束
相对路劲：
同一文件夹
上一级文件夹
上一级文件夹
绝对路径：
无序列表：
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
注意：ul只能嵌套li，但是<li></li>之间相当于一个容器，可以容纳所有样式
有序列表：
<ol>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
自定义列表：对属于或名词进行描述
<dl>
<dt>
<dd></dd>
</dt>
</dl>