要系统掌握HTML、CSS和JavaScript，可以说MDN文档是最重量级的终极参考，这个一定要长期翻阅（哪怕你已经工作了），怎么强调都不过分。可以说没有经常翻MDN文档的前端开发不能称之为前端开发工程师。
阅读指数：必看，怎么强调都不过分，而且要必须能熟练翻阅（其实就是要会搜索）。
不管你今后看啥书、资料、视频，你都要回归到MDN技术文档去理解（MDN技术文档翻译得比较一般）。
菜鸟教程与w3cschool
看w3cschool或菜鸟教程的内容：https://www.runoob.com这里有关于html、css、html5、css3、bootstrap等内容的教程，你也可以用这个来入门，这也是大多数人入门的一个方式。不过值得一提的是这些线上教程内容很多已经过时，而且这种入门方式学习的知识也非常不系统。
尽管它们问题很多，但是线上教程实在没有其他更好的选择。MDN也有入门教程，内容新而且讲解也很系统，不过由于容易跳转到复杂知识的页面，怕新手接受不了。
所以只能拿菜鸟教程和w3school作为一个最为早期的过渡，比如一周时间把里面的内容实战一遍，然后去翻MDN技术文档。
书籍推荐
《HTML5 权威指南》、《HTML5程序设计（第2版）》、《Head First HTML与CSS（第2版）》像这些书以前比较推荐，但是出版也有一些年份了，部分内容存在过时或一些知识点没有讲（新出了一些东西，没有讲就不稀奇了）。这里推荐一本新版的书《HTML+CSS+JavaScript入门经典（第3版）》。
https://zhuanlan.zhihu.com/p/115110546
