我觉得首先，你要买本自己看的上的实体书作为教材来读。虽然有电子版的书，但是实话还是实体书来的安逸，可以笔记，可以勾勾画画。
创新互联科技有限公司专业互联网基础服务商，为您提供BGP机房服务器托管，高防物理服务器租用，成都IDC机房托管，成都主机托管等互联网服务。
具体什么书，你自己看的顺眼，不要太厚就行。太厚了，你看着就会放弃的。但是，书本一定要涵盖2大基本知识模块：HTML标签，CSS样式。
看书学习的重点内容：常见的HTML标签，常用的样式-- 什么叫常见的？书上有的都是常见的。不常见的作者也不会写。
看书没看懂，再针对不懂的地方，百度。
实体书看到到你觉得差不多了，可以进行第二步了。PS：什么叫差不多了？就是你觉得自己“入门”了：可以写网页导航、新闻列表、图片列表、图文混排、会左（中）右结构、了解浮动和清除浮动、会使用超链接、懂的:hover 的用法了，我觉得你算“入门”了。
第二步：网上下个PSD网页模版。从头到尾写一遍（ 不用理Javascript交互效果。）
页面效果工整，兼容性良好，兼容IE11及以上，chrome浏览器就ok。
一个不够，就再来一打。直到你能顺利写出页面结构而且效果完美（当然还是没有JS效果）。你就可以开始下一步.
第三步：开始填你的Javascript的坑吧
是不是觉得写了很多页面，但是却点交互哇？不会写图片轮播，不会写二级菜单，不会点击出现弹窗。。。这些都要JS的。所以，在熟悉了HTML和CSS之后，你就要重点学习Javascript了。还是那句话买本书来入门，结合网上的视频教程，坚持学习吧。
第四步：熟悉JS了后，就开始你的HTML5的专项编程吧。
canvas，音视频控制，多线程，本地存储，这些都要JS来操作哒。
第五步：继续你的js的天坑-- 可以熟悉一些常用的JS框架了
jquery，boostrap，vue，AngularJS 等等。又是一条漫长的路。。。
以上走完，你可以去上班了。时间也应该1年了吧。当然，你学的快可能几个月。不过后面还有很多坑，比如node，模块化编程思想，面向对象编程思想等等。。。
加油，前端不易，且学且珍惜。
女孩子或文科生并非不可学习HTML5技术，只不过相对来说，比理科生和男孩子，在思维能力方面会稍差一些。
你是否要学HTML5，其实并不是文理，而是你的逻辑能力情况，以及你的兴趣点是否和编程相契合。
毕竟长期的文科和理科分科，导致不同学科的学生会有不同的能力偏重，文科生通常在语言能力上会偏长，而理科生通常在逻辑能力上会偏长。
HTML5技术包括HTML、CSS以及JavaScript技术，而其核心部分恰好是编程语言（JavaScript），编程语言对逻辑能力要求较高，如果希望在HTML5领域当中有比较好的长远的发展，逻辑能力是必备的，当然也是能够随着时间锻炼出来的。
如果希望入门的话，可以选择一些合理的好的入门教材，HTML与CSS部分可以选择《HTML5布局之路》《Head First HTML》等
首先，永远不要用《从入门到精通》那种书学习，当字典差不多，用于自学，那就准备《从入门到放弃》吧~~~
然后嘛，HTML5本身由不同的语言组成，是HTML+CSS+JavaScript，三种语言各自有各自的特点，HTML与CSS，属于结构和样式，就是做网页布局，JS是逻辑层面，脚本语言。
结构样式方面，比较推荐当前比较新的书籍，比如《HTML5布局之路》，很详细的讲解了布局知识，还提供了相关的项目经验以及面试题。
JS方面，权威方面的书籍是《高级JavaScript程序设计》和《JS犀牛书》，但是这两本都比较适用于有一定基础的人。对于没基础的，可能国外的head first系列会更适合，国内的话，很适合入门的书籍目前没看到。
要学html5就去慕课网吧。听课是开放的 免费的案例教材，不懂还可以问老师。
快去吧
