这里给题主推荐一本入门级的前端教材《Head First HTML与CSS》。作者是（美国）罗布森（Elisabeth Robson） 和弗里曼（Eric Freeman），由徐阳、丁小峰翻译。对学习者来说，阅读这本书将是一个系统学习创建工业标准Web页的体验，而不只简单地阅读。
这本书的优势在于：
学习者将通过玩游戏、解决谜题、探索秘密等从未想过的方式创建Web页。
还能学习HTML如何与CSS协同工作。
当然，即使你零基础从来没有听说过CSS，也没有什么太大的关系。这本书会使你不再顾虑Web—safe颜色支持的浏览器问题，也不再不明智地在网页中加入标签来控制字符。
更棒的是，你能够兴致勃勃地学习HTML、XHTML和CSS，而不是昏昏欲睡。如果你曾经读过任何一本HeadFirst系列书籍，你就会知道其中的奥秘：丰富、活泼的设计调动你的头脑，让思维活跃起来。通过采用神经生物学、认识心理学以及学习理论的最新研究成果，这本书将激发你学习HTML和CSS的兴趣。
1.如果题主零基础的情况下想去学代码的话，就得把HTML5、CSS3、JavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行：
网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。
其一，翁恺老师本身就是高校里面的人气教师，讲课简明生动，很适合初学者入门【之前学过一些计算机课程，因为太过晦涩，对程序语言甚至有点心理阴影，所以初学者学的课程还是要谨慎选择】。
其二，翁恺老师在网上授课已经有蛮多经验了，也不会出现什么讲课中途遮住了PPT，代码看不清等等诡异的问题。。。
其三，网易云课堂上的三门课程都已经整理完毕，方便学习，平台也比较稳定。而且这些课程完全免费，每门课都有几万人在学
HTML5入门：HTML5入门 - 网易云课堂
CSS3：CSS3 - 网易云课堂
JavaScript：JavaScript - 网易云课堂
书的话，还是推荐一些经典的吧：
《Head first HTML&CSS》：入门级必备，难度合适
《JavaScript DOM编程艺术》：同样入门级教材
《HTML5权威指南》：内容全面，进阶阶段可看
《JavaScript高级程序设计》：JS圣经，殿堂级教材
建议交错搭配学习，加深理解，不过这样学习来比较费时间就对了
2、如果只需要能制作出简单的H5页面，就可以绕过代码这关，善用各类H5制作平台，应该都能轻松上手。
Maka：MAKA.im | 简单、强大的HTML5创作工具
印象中是最早开始做H5页面的平台之一，目前只有web端没有移动端，但网页上各类模板齐全，动态效果和交互也做得不错，只要自己填充内容就好，简单易上手。
初页：初页 - 优质H5手机页、微信海报
和maka不同，专门做移动端的，也有一些预设的模板，支持添加文字、图片、音乐等，方便在手机上直接制作，胜在速度。
秀制作：秀米 XIUMI
来自微信公众号排版常用的工具秀米出品，可以和秀米配合使用，目前也只有web端。
Epub360意派：Epub360意派-专业级H5微场景设计平台
模板不多，但自由度较高，适合有设计感的设计师来操刀制作，发挥交互功能，不过只能免费制作10个，而且作品还自带logo，有ipad版和web版。
