1、建议先买一本html新手入门的教材，学习html每个标签的含义和用法，推荐推荐《HTML之路：XHTML和CSS最佳实践指南》，这本书是国外著名网站HTML DOG中的精华内容的集结，完全可以零基础，零起点开始系统的学习HTML和CSS。
2、最重要的是，它非常非常薄，看起来在心理上也不吃力。一些教学网站也很有帮助，例如可以当做参考手册的w3school 在线教程如果英语不是很吃力，可以看看Learn to code里面htmlfoundatation教程，
3、交互式界面，正确完成任务之后还有徽章奖励，做起来很有动力在完成了以上步骤之后，在上网浏览网页的时候多去思考它的语义结构、布局怎样的，配色如何，那些炫目的动态效果是怎么做出来的，用到了哪些新的库，新的框架，
用浏览器的“查看源代码”来验证自己的想法也是很有意思的一件事实践是最好的老师，接一个小任务，一点一点的完成，过程中要学会用好http://www.google.com这个好东西克服自己的惰性，培养自己对html的兴趣 and Good Luck！
1、学习html的基本知识。包括HTM l的标签、属性等知识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。能做到这个阶段，你也是一个合格HTM|L5设计人.
学习需要多思考，做这些后端的更要多做练习，思维一定要清晰课课家HTML5+CSS3速成实战课程视频教程
学习HTML除了我们要抛下足够的汗水之外，还需要有合适的方法。合理的方法能够事半功倍，而不合理的方法则事倍功半。在此，课课家分享一些方法给大家。方法1： 整体到局部，骨架到血肉
在学习HTML和CSS时，会涉及到网页的搭建。学习这个知识时，我们采用的方法是“由外及内”，“由整体到部分”，“由全局到细节”。
方法2 类比
在学习CSS引入方式这种知识点时，我们采用了另一种学习方法。辨析，或者也可以叫做类比。这种方法主要针对于区分相似的两种或多种事物。如strong与em，块元素与行元素，同步与异步。课课家HTML5全能开发视频教程
方法3 记忆很重要
学习时会遇到一些知识点，如有哪些数据类型，有哪些标签元素。需要记忆的还是要记忆的。很多人在学习过程中觉得理解最重要，不需要记忆。这种想法是有问题的，如果连记都记不住，还谈什么理解？
方法4 聚沙成塔
在网站中，我们能够看到各种各样的效果，有些效果看上去很高大上，很炫美。然而，再炫美的效果也是由众多的知识点组合而成的。当我们对效果抽丝剥茧，就会发现，其实最初的它很简单。
方法5 循序渐进
一口吃不成胖子，也不是有一顿饭没吃就可以减肥成功的。在学习过程中，会遇到一些“大型”的知识，这种知识比较难啃。遇到此类知识，不要想着如何一口吃掉它，而要一步一步来。动画框架的学习就是一个典型。
方法6 ：知识的迁移
用已有知识辅助未知知识的学习，是很好的一种方法。通常这种方法应用于拥有相似特点的事物。例如：圆角边框与外边距、背景切割与背景原点、JS对象与JSON等
方法7 ：生活辅助学习
这种方法是讲师用的最多的。利用生活中实际的事物去辅助抽象知识的学习，能够让我们更好更快的理解和吸收知识。
方法8 ：实践出真知
在学习一些知识过程中，有些孩纸不喜欢动手，而更多的是喜欢听或者喜欢背。这种思路明显是不好的。代码，是个需要动手的活儿，掌握代码靠的不仅仅是记忆，还需要尝试。尝试书写代码，发现现象，然后归纳总结，形成理论并记忆。
