如果是零基础的话，建议你不要自学。因为会走弯路，浪费时间。但是你真的想要自学的话，以下是我的意见：

一．了解HTML5是什么？

HTML5是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。

HTML5 已经于2014年10月正式定稿。它特有canvas标签和多种选择的游戏开发引擎，让游戏开发更便捷。如果说苹果重新发明了手机，那么HTML5则 重新定义了网络。它是链接手机、平板电脑、PC以及其他移动终端的桥梁，可以更丰富地展现页面，让视频、音频、游戏以及其他元素构成一场华丽的代码盛宴。

二. 需要学习哪些语言？

网上有很多的教程，你可以学习，因为要了解每一个语言它具体的意思和用处。如果实在搞不懂的话，可以报班进行专业学习。

三. 需要有耐心

学代码最怕的就是没有耐心，半途而废。现在H5的发展前景非常的好，而且就业薪资也很高，你想要学习它，我觉得的是个不错的想法，但是怎么学，也是需要有一定的方法，坚持下去，一定会有收获，加油！

html5相关技术其实不怎么难，通常情况下在网上都能够找到系统学习的教程，建议可以按照网上的教程一步步来，最重要的是多动手练习，这个是最关键的，在基础知识学的差不多的时候，可以做一些小项目练手，这样可以提高综合运用所学的知识点，比如做一些网页，网站之类的。由于html5入门门槛低，所以即便零基础，只有认真学都没难度。加油！

随着互联网的迅猛发展，技术型人才成了市场紧缺人才，很多没有基础的同学也希望可以学习从事编程和开发的工作，但是由于没有基础，很多人不敢轻易尝试，其实现在很多专业的学习机构是可以解决这种问题的。那么html5基础到底该怎么学？

随着学习html5的人员增加，一系列问题也逐渐显现出来。其中大家较为关心的当属零基础学习该如何学习html5了。的确，对于零基础学员而言，初接触一门技术，想要去了解然后掌握它是很有难度的。因为零基础的学员通常会感觉无从下手，不知道该学习什么。

第一步：基础知识的学习

因为我们是从零基础开始学习的，所以基础知识至关重要。“学习html5的过程就是盖楼房的过程，如果你基础知识没有学好，就等于一栋楼房的地基没有夯实。后期的学习会难上加难。”

同时，基础知识不能只依靠课上学习的那点知识，一定要通过线上或者翻阅一些html5相关书籍来增加自身的知识储备量。

第二步：编程技巧的学习

学html5一定要掌握一定的编程技巧，这样在以后的工作中可以大大提高工作效率。通常我们可以在学习期间参与的项目实战中积累相关的编程技巧，或者也可以通过与同学、讲师日常的交流中，吸取经验教训掌握编程技巧。

第三步：熟练掌握学习基本框架

众所周知html5的学习离不开框架，即便是在以后的工作中我们也会经常用到框架。除了掌握基本的前端框架之外，我们还应该在学一个后端框架。因为前端和后端有相通的地方，如果可以掌握后端知识，在工作中会有很大帮助。

第四步：熟练掌握基本的编程工具

这些基本的编程工具是我们以后“吃饭”的工具，所以作为一位零基础的学员一定要熟练掌握这些编程工具。要想熟练掌握这些编程工具，就必须反复使用和练习正所谓熟能生巧。

第五步：各种框架类库的学习

在html5的学习过程中会接触各种乱七八糟的框架类库，像这种框架类库一般看看就可以了，但是多学点总是好的，不见得一定要用。看这些框架库的主要目的就是懂得人家的设计理念，这些设计理念或许在工作中用得到。

其实要学习的东西就是这些，怎样学，能不能学就要看自己的能力了，毕竟不是每个人都能够自学成才的。

如果有基础就好办多了，自己看看教程就可以：http://codingdict.com/article/6064

一名优秀的HTML5前端开发工程师在知识体系上既要有广度，又要有深度。

学习的时候需要掌握什么？

Web前端开收技术包括三个要素：HTML、CSS和JS。Web前端开发工程师既要与上游的交互设计师、视觉设计师和产品经理沟通，又要与下游的服务器端工程师沟通，因此需要掌握的技能非常多。

对于一些对代码很陌生的人来说，想要把代码学好并不是一件容易的事。甚至是一看要学的东西这么多，有种无从下手的感觉。这个时候建议大家先从简单的地方入手，先把基础知识记牢，例如：关于HTML和CSS的历史，及各种的标签用处，以及如何去搭建平台去做PC端，移动端等等。循序渐进的学习，切记这个时候不能浮躁，因为前端开发的基础知识并不难，但是对于新人小白可能会觉得有一些复杂，这个时候就需要去梳理出一个知识框架，梳理好知识框架后就不会觉得那么复杂了。做网页的时候一定要做到：动手多操作、多练习，这样才能将自己所学的巩固扎实了。在这里，推荐大家可以用一下思维导图，利用图形去整理笔记，思维导图是一种将思维形象化的方法。我们能够把知识利用图形串联起来，去加深记忆。用一个中央关键词或想法以辐射线形连接所有的想法。

将最基本的网页搭建学好之后，相信此时的你，已经对这个技术有了足够的兴趣和学好的动力，之后就是JavaScript的学习了，在学习这个的时候，需要注意的是：要把基本语句背熟，并且需要充分了解循环语句。之后的学习也不要忘记勤学多练。

只要开始学就没问题，HTML5中文的意思是超文本标记语言。它只是告诉浏览器你的超文本在浏览器上的相对位置（标记），不是编程语言，所以非常简单。不懂编程的人只要每天1－2小时坚持一个月，基本就可以学会了。