初学者html5如何学习 新手学习HTML的教程详解

初学者html5如何学习 新手学习HTML的教程详解 怎样才能有效的学习H5前端开发呢?学习前端开发我们都知道要学HTML、CSS、JS这些基本的知识，学习的内容基本差不多，但是学习的成果却千差万别。下面小编收集了一些关于html5习方法，希望对你有帮助。

　　html5习方法

　　方法1 整体到局部，骨架到血肉

　　在学习HTML和CSS时，会涉及到网页的搭建。学习这个知识时，我们采用的方法是“由外及内”，“由整体到部分”，“由全局到细节”。 学习东西，特别是在初识某个事物时，一定要从主干到枝叶，而不要陷入细节，纠结于其中。主干如同知识的一个主线，这种先找主干后添枝叶的学习方法能够让知识遗漏变成最少，也会比较容易建立起知识知识间的关系。

　　方法2 类比

　　在学习CSS引入方式这种知识点时，我们采用了另一种学习方法。辨析，或者也可以叫做类比。

　　这种方法主要针对于区分相似的两种或多种事物。如strong与em，块元素与行元素，同步与异步。

　　对于此类知识，应多多思考，抓取几种事物的不同点，结合去记忆。

　　方法3 记忆很重要

　　学习时会遇到一些知识点，如有哪些数据类型，有哪些标签元素。需要记忆的还是要记忆的。很多人在学习过程中觉得理解最重要，不需要记忆。这种想法是有问题的，如果连记都记不住，还谈什么理解?

　　方法4 聚沙成塔

　　在网站中，我们能够看到各种各样的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由众多的知识点组合而成的。当我们对效果抽丝剥茧，就会发现，其实最初的它很简单。

　　方法5 循序渐进

　　在循序渐进中，思路很重要，换句话说，我们知道一个知识点很“大”，也知道要一口一口的吃，一步步的消化，但是，如果我们弄不清楚先吃什么再吃什么，也很难把这个知识啃下来。

　　这时候需要“思路”，也就是“流程”，在学习知识中，重点是关注流程和思路，而具体的小知识点充当的是血肉(和我们提到的第一个方法就挂钩了，就是分清主干和枝叶)

　　方法6 知识的迁移

　　用已有知识辅助未知知识的学习，是很好的一种方法。通常这种方法应用于拥有相似特点的事物。例如：圆角边框与外边距、背景切割与背景原点、JS对象与JSON等

　　方法7 生活辅助学习

　　这种方法是讲师用的最多的。

　　利用生活中实际的事物去辅助抽象知识的学习，能够让我们更好更快的理解和吸收知识。

　　例如在讲解盒模型时我们利用了快递中的方鱼缸。在讲解AJAX时我们利用了信件邮寄。在讲解构造函数时，我们利用了毛坯房和装修房。在讲解引用类型变量的时候我们借助了钥匙和仓库的关系。

　　找一种合适的例子，辅助自己理解，是很好的方法，但是一定要注意，例子要合理～

　　方法8 实践出真知

　　在学习一些知识过程中，有些孩纸不喜欢动手，而更多的是喜欢听或者喜欢背。这种思路明显是不好的。代码，是个需要动手的活儿，掌握代码靠的不仅仅是记忆，还需要尝试。尝试书写代码，发现现象，然后归纳总结，形成理论并记忆。

　　自学html5方法

　　1.学习html的基本知识。包括HTML的标签、属性等知识

　　2.学习html+css。学习DIV+CSS的基础知识，掌握网页布局技巧，能够用DIV+CSS完成带交互的企业网站的布局。这两部网上随便一搜全部 都是教程，找一个系统的教程看就好。

　　3.js+jquery。js语句语法的学习，对象、dom、事件处理的学习等;jquery选择器、ajax、流行的网页特效制作，以及jquery插件的封装 。都是在这个阶段要学习的。

　　4.html5+css3。这个阶段要掌握html5新特性，css3新特性。包括新增标签、css3中的2D、3d转换、响应式媒体查询等。这个阶段的学习 完成后要能完成一个响应式网站的前端开发。

　　5.移动端框架的学习，流行框架的学习比如bootstrap。

　　6.react组件学习、nodejs&bower&gulp。能做到这个阶段，你已经是一位HTML5工程师了。