当时是怎么自学的呢？
为了打牢基础，用了一周左右的时间将《CSS3权威指南》和《HTML5权威指南》看完并理解。（打基础最好的书籍没有之一）
网上的教程视频很多，可是讲的东西都挺片面的，不想看书时候看下不错。
而当时我自学的时候比较常看的是“极客学院”的视频，因为他们的视频简短看着不累，而后就是“慕课网”了，干货比较足的网站。
当然，不光看，自己也在电脑上敲代码练习，代码敲多了就理解并记住了。
不过刚开始最好是找一些自己喜欢的东西来写，兴趣很重要。
深入点就学下javascript，然后模仿做一个学校的官网或者你喜欢的网站，反正就是多练练手。
说再多也不如多敲代码。
极客学院有一套比较完整的HTML5学习视频教程，可能需要注册一个极客学院的账号。
这里给你发一个课程列表（部分）：
教程地址如下：
http://www.jikexueyuan.com/path/html5/
课程内容比较基础，适合了解html5新特性，希望对你有帮助，望采纳~~
HTML5在线学习资源很多啊，有技术博客或者技术分享网站、技术视频、小程序等等啊，不过还得根据自身的情况来选择吧。选择一个适合自己的学习资源，更有利于你对HTML5的学习，吸收起来也比较容易。编程小白的话，不推荐你一开始就通过技术分享网站来学习HTML5，技术博客上的文章会比较零散，它更多的是对HTML5的一些技术点的总结吧，没有形成一个完整的学习知识体系，不利于初学者学习。但是，你在学习的过程中，对某些技术点有疑问或者不理解的话，就可以很好的利用技术分享网站，比如HTML5学堂等，利用它有针对性的进行学习。
好的技术视频对编程小白来说也是一个不错的在线学习资源，一定要不错的！！！不然看完视频你会感觉到自己好像什么都不会，那是因为大部分的技术视频都是在讲解技术知识，忽略了课程逻辑与教学方法的重要性。听过HTML5学堂的技术视频，他们是按照一个开发流程的逻辑进行讲解，讲一部分理论知识，再动手实践理论知识，最后会有一个知识总结，我觉得这种模式学起来会比较容易，也不会出现理论很强动手能力差的现象。
在学习的过程中，不知道自己的掌握情况，可以通过做面试题来检测自己的掌握情况，这个建议你去看“决胜前端”（minApp），里面有大量的面试题，而且还对每一个题目做了详细的分析与解答，还是挺适合初学者的。
