温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
一张寂寞难开的嘴巴,一对工作自主的鼻孔,两只伤感淡漠的眼睛,两条纠结柔情的眉毛,还有一头个性张扬的黑发,别无其它.
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(466)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'HTML语言学习教程',
blogAbstract:'1、HTML语言剖析之Html简介 &&全写： HyperText Mark-up Language& 译名： 超文件注标式语言（译名之一）& 简释：一种为普通文件中某些字句加上标示的语言，其目的在于运用标记（tag）使文件达到预期的显示效果。& HTML 是在 SGML 定义下的一个描述性语言，或可说 HTML 是 SGML 的一个应用程式，HTML 不是程式语言，如 C++ 和 Java 之类，它只是标示语言，基本上你只要明白了各种 标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于 编辑方面，任何文字编辑器都可以，只要能将文件另存成 ASCII 纯文字格式即可，当然 以专业的网页编辑软件为佳。&& ■ 阅读须知：& ',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:5,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'一张寂寞难开的嘴巴,一对工作自主的鼻孔,两只伤感淡漠的眼睛,两条纠结柔情的眉毛,还有一头个性张扬的黑发,别无其它.',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}学习HTML语言
PHP100 教学提供
语言字符集信息
背景色彩和文字色彩
文字的对齐
文字的分区定制
列表元素预格式化
文字和密码
复选和单选
隐藏表单的元素
跨多行、多列的表元
文字的对齐/布局
在页面中的对齐/布局
颜色客户端字体
和文字的对齐
在页面中的对齐/布局
客户端图象映射图
嵌入多媒体文本
会移动的文字
窗口间相互操作
窗口间相互操作如何正确学习JavaScript | 设计达人
爱设计，爱分享。
如何正确学习JavaScript
赞助商链接
既然你找到这篇文章来，说明你是真心想学好JavaScript的。你没有想错，当今如果要开发现代网站或web应用（包括互联网创业），都要学会JavaScript。而面对泛滥的JavaScript在线学习资源，却是很难找到一份高效而实用的方法去学习这个“web时代的语言”。
有一点需要注意，几年前我们需要知道一个真正的服务器端语言（比如PHP，Rails，Java，Python 或者 Perl）去开发可扩展，动态的，数据库驱动的web应用，而现在只用JavaScript就可以实现了。
学习时长：6～8周
学习前提：中学水平，无需编程经验
在Reddit上创建了一个学习小组
上面的课程大纲提供了一个结构化和富有启发性的学习线路，从初学者到有所建树，把JavaScript学对学透。
不要这样学习JavaScript
不要一开始就埋头在成堆的JavaScript在线教程里 ，这是最糟糕的学习方法。或许在看过无数个教程后会有点成效，但这样不分层次结构地学习一个东西实在是十分低效，在实际用JavaScript建立网站或web应用时你还是会频繁的卡住。总的来说，这种学习方法会让人不知道如何将语言当做工具来使用——当做个人工具来用。
另外，也许有人会建议从尊敬的JavaScript教父Douglas Crockford写的《JavaScript语言精粹》开始学习JavaScript。然而，虽然Crockford先生对JavaScript无所不知，被誉为JavaScript世界的爱因斯坦，但他的《JavaScript语言精粹》并不适合初学者学习。这本书没有通透、清晰、明了的阐述JavaScript的核心概念。但对于更高级的学习路线，我倒会建议你看看Crockford先生的视频。
还有，不要只从Codecademy等网站学习JavaScript，因为即使知道怎么编写一大堆JavaScript代码小片段，还是不能学会怎么建立一个web应用程序。即便如此，在后面我还是会建议把Codecademy当做补充的学习资源。
本课程资源
更新：Reddit用户d0gsbody4月8号在Reddit上建立了一个学习小组。他和其他组员都非常积极和乐于助人。我建议你加入这个小组，他们会让你保持积极性且帮助你更好的学习JavaScript。毕竟独自折腾JavaScript还是有点难度的。链接：
请在以下两本书中选一本，第一本比较适合有编程经验的人，而另一本则适合完全没有编程经验的初学者。我个人推荐第一本书，因为作者对各个知识点都阐述得非常好且涵盖了一些高级JavaScript知识点。但是，要看懂这本书你至少要对web开发有一定的基本了解。所以，如果你有一点点编程经验或者web开发经验（不一定是JavaScript），那就买这本书吧。
纸质版（英文） ：
纸质版（中文） ：
Kindle版（英文）：
Kindle版（中文）：
如果你没有编程经验，可以买这本：
纸质版（英文） ：
纸质版（中文） ：
Kindle版（英文）：
Kindle版（中文）：
免费注册，这是一个编程领域的问答论坛。在这里提问题得到的回答比Codecademy要好，哪怕你的问题非常基础，看起来很傻（记住，从来没有愚蠢的问题）。
免费注册，这是一个在线学习平台，你可以直接在浏览器里面写代码。
上的一些博文，包括对象，闭包，变量的作用域和提升，函数等等。
JavaSctipt学习路线
完成整个课程大纲需要花上6~8周的时间，将学会完整的JavaScript语言（包括jQuery和一些HTML5）。如果你没有时间在6个星期里完成所有的课程（确实比较有挑战性），尽量不要超过8个星期。花的时间越长，掌握和记忆各种知识点的难度就越大。
1～2周(简介，数据类型，表达式和操作符)
如果你还不是很了解HTML和CSS，完成Codecademy上的任务。
阅读《JavaScript权威指南》或者《JavaScript高级程序设计》的前言和第1~2章。
十分重要：在书中遇到的每个样例代码都要动手敲出来并且在火狐或Chrome浏览器控制台中跑起来、尽量蹂躏它（做各种试验）。也可以用，但不要用Safari浏览器。我建议用火狐搭配去测试和调试代码。浏览器控制台就是可以让你编写和运行JavaScript代码的地方。
完成Codecademy 上的Introduction to JavaScript部分。
阅读《JavaScript权威指南》第3~4章。或者阅读《JavaScript高级程序设计》第3~4章。你可以跳过位操作部分，在你的JavaScript生涯中一般不会用上这个。
再次说明，记得要不时停下来把书本的代码敲到浏览器控制台里（或者JSFiddle）做各种测试，可以改变几个变量或者把代码结构修改一番。
阅读《JavaScript权威指南》第5章。至于《JavaScript高级程序设计》则暂时没有阅读任务，因为前面已经把相关知识覆盖了。
完成Codecademy 上的2~5部分。
3~4周(对象，数组，函数，DOM，jQuery)
以下三选一：
阅读我的博文.
阅读《JavaScript权威指南》第6章。
阅读《JavaScript高级程序设计》第6章。注意：只需要看“理解对象”（Understanding Objects）部分。
两本书会涉及更多的一些细节，但只要看完我的博文，你可以完全放心地跳过这些细节。
阅读《JavaScript权威指南》第7~8章或者《JavaScript高级程序设计》第5和7章。
此时，你应该花大量时间在浏览器控制台上写代码，测试if-else语句，for循环，数组，函数，对象等等。更重要的是，你要锻炼和掌握独立写代码，不用借助Codecademy。在Codecademy上做题时，每个任务对你来说应该都很简单，不需要点帮助和提示。如果你还卡在Codecademy上，继续回到浏览器上练习，这是最好的学习方法。就像詹姆斯年轻时在邻居的篮球场上练球，比尔盖茨在地下室里学习编程。
持续地练习，这一点点的进步积累起来效果会非常惊人。你要看到这个策略的价值，相信它是可行的，全心投入进去。
Codecademy会造成已掌握的错觉。
使用Codecademy最大的问题是，它的提示和代码小片段会让人很容易就把答案做出来，造成一种已经掌握这个知识点的错觉。你可能一时看不出来，但这样做你的代码就不是独立完成的了。
但目前为止，Codecademy依然是学习编程的好帮手。特别是从一些基本的代码结构如if语句，for循环，函数和变量去指导你了解小项目和小应用的开发过程。
回到Codecademy完成JavaScript路线。做完6~8部分（数据结构做到Object 2）。
实现Codecademy上路线的5个基础小项目（Basic Projects）。做完之后，你已不再需要Codecademy了。这是一件好事，因为自己做的越多，学得就越快，就能更好准备开始独立编程。
阅读《JavaScript权威指南》第13，15，16和19章。或者阅读《JavaScript高级程序设计》第8，9，10，11，13和14章。这本书没有涉及到jQuery，而Codecademy上的jQuery知识也覆盖得不够。可以看看jQuery的官方教程，免费的：
你也可以在《JavaScript权威指南》第19章了解更多的jQuery知识。
完成全部的jQuery教程。
JavaScript终极编辑器：WebStorm
在你实现第一个项目之前，如果打算以后做JavaScript开发者或者经常用到JavaScript，最好现在就去下载的试用版。可以学习怎么使用WebStorm（专门为这个课程写的）。毋庸置疑，WebStorm是JavaScript编程最好的编辑器（或IDE）。30天试用后要付$49.00，但作为JavaScript开发者，这应该是除了买书以外最明智的投资了。
确保在WebStorm中启用JSHint。JSHint是一个检查JavaScript代码错误和潜在问题的工具，强制你的团队按照规范写代码。用WebStorm最爽的地方是JSHint会自动在错误的代码下显示红线，就像文字处理程序中的拼写检查。JSHint会显示一切的代码错误（包括HTML），促使你养成良好的习惯，成为更好的JavaScript程序员。这很重要，当你真正意识到WebStrom和JSHint对你的巨大帮助时，你会回来感谢我的。
此外，WebStorm是一个世界级，专业人员使用的IDE，用来编写专业的JavaScript web应用，所以你以后会经常用到它。它还结合了Node.js，Git和其它JavaScript框架，所以即使你成为了明星级的JavaScript开发者，你还是会用到它的。除非以后出现了更多的JavaScript IDE。
公平起见，我在这里提一下，这是仅次于WebStorm的JavaScript编辑器。它的功能不及WebStorm丰富和完整（即使添加了一堆插件）。做小修改的时候我会用到Sublime Text 2，它支持很多语言，包括JavaScript，但我不会用它来构建完整的JavaScript Web应用。
第一个项目-动态问答应用
此时，你已经掌握了足够的知识去建立一个稳固的，可维护的web应用。在做完我为你设计的这个应用之前不要看后面的章节。如果你卡住了，去Stack Overflow提问并且把书上相关的内容重新看一遍直到完全理解这些概念。
接下来开始建立一个JavaScript问答应用（还会用到HTML和CSS），功能如下：
这是一套单选测试题，完成之后会显示用户的成绩。
问答应用可以产生任意多的问题，每个问题可以有任意多的选项。
在最后的页面显示用户的成绩。这个页面只显示成绩，所以要把最后一个问题去掉。
用数组存所有的问题。每个问题包括它的选项和正确答案，都封装成一个对象。问题数组看起来应该是这样：
// 这里只演示一个问题，你要把所有问题都添加进去
var allQuestions = [
question: "Who is Prime Minister of the United Kingdom?",
choices: [
"David Cameron",
"Gordon Brown",
"Winston Churchill",
"Tony Blair"],
correctAnswer: 0
当用户点击“Next”时，使用document.getElementById或jQuery动态的添加下一个问题，并且移去当前问题。在这个版本里“Next”是唯一的导航按钮。
你可以在本文下方评论求助，最好是去Stack Overflow提问，在那里会有及时而准确的回答。
5～6周(正则表达式，Window对象，事件，jQuery)
阅读《JavaScript权威指南》第10，14，17，20章。
或者阅读《JavaScript高级程序设计》第20，23章。
记得要把样例代码敲到浏览器控制台上，尽可能蹂躏它，做各种测试，直到完全理解它是怎么工作，它能干些什么。
此时，你用起JavaScript来应该很顺手，有点像武林高手要出山了。但你还不能成为高手，你要把新学到的知识反复使用，不停的学习和提升。
升级之前做的问答应用
添加客户端数据验证：保证用户回答了当前问题才能进入下个问题。
添加“Back”按钮，允许用户返回修改答案。最多可以返回到第一个问题。注意对于用户回答过的问题，选择按钮要显示被选中。这样用户就无需重新回答已经答过的问题。
用jQuery添加动画（淡出当前问题，淡入下个问题）
在IE8和IE9下测试，修改bug，这里应该会有得你忙了。 ;D
把问题导出JSON文件
添加用户认证，允许用户登陆，把用户认证信息保存在本地存储（local storage，HTML5浏览器存储）。
使用cookies记住用户，当用户再次登陆时显示“欢迎用户名回来”。
7周，可延长到8周(类，继承，HTML5)
阅读《JavaScript权威指南》第9，18，21，22章。
或者阅读我的博文
或者阅读《JavaScript高级程序设计》第6，16，22，24章，第6章只读“创建对象”（Object Creation）和“继承”（Inheritance）部分。注意：这部分是本课程中技术性强度最大的阅读，要根据自身的状况考虑要不要全部读完。你至少要知道原型模式（Prototype Pattern），工厂模式（Factory Pattern）和原型继承（Prototypal Inheritance），其它的不作要求。
继续升级你的问答应用：
页面布局使用，把问答的元素弄得看起来专业一些。而作为额外奖励，用Twitter Bootstrap的（译者注：原文地址失效，已改）显示问题，每个标签显示一个问题。
学习，将Handlebars.js模板用在问答应用上。你的JavaScript代码中不应该再出现HTML代码了。我们的问答应用现在越来越高级啦。
记录参加问答的用户成绩，展示用户在问答应用中与其他用户的排名比较。
在学完Backbone.js和Node.js后，你会用这两种最新的JavaScript框架重构问答应用的代码，使之变成复杂的单页面现代web应用。你还要把用户的认证信息和成绩保存在MongoDB数据库上。
接下来：构思一个项目，趁热打铁迅速的去开发。卡住的时候参考《JavaScript权威指南》或者《JavaScript高级程序设计》。当然，还要成为Stack Overflow的活跃用户，多问问题，也要尽量回答其它人的提问。
Meteor.js入门（即将出炉）
三个最好的JavaScript前端框架（即将出炉）
一些鼓励的话
祝你学习顺利，永不放弃！当你做不下去觉得自己很蠢的时候（你会时不时这么想的），请记住，世界各地的其他初学者，甚至是有经验的程序员，也会不时产生这种想法的。
如果你是完全的初学者，特别是过了青少年时期的人，开始写代码的时候也许很困难。年轻人无所畏惧，也没有什么负担，他们可以花大量的时间在喜欢的东西上。所以各种挑战对他们来说也不过是短暂的障碍罢了。
但过了青少年期后你会希望快速的见到成效。因为你没有这么多的时间去花上几个小时就为了搞清楚一些细节的东西。但这些东西你必须深入去理解它，不要因此沮丧，坚持完成课程的任务，把bug都找出来，直到你完全理解。当你到达胜利的彼岸时，你会知道这一切都是值得的，你会发现编程非常有趣而且在上面花的时间都会得到可观的回报。
一个人必须去感受和领悟构建程序带来的强烈快感。当你一步步的掌握知识点，一点点的将程序搭建起来时，就会对自己产生激励与肯定，带来十分美妙的满足感。
总有一天你会意识到之前忍受的所有困难都是值得的。因为你将要成为一名光荣的程序员，你也清楚作为JavaScript开发者，你的前途一片光明。就像在你之前成千上万的程序员一样，你打败了最难的bug，你没有退步，你没有放手，你没有找任何借口让自己放弃。
当你学有所成的时候，放心的将你的成果分享给我们吧，哪怕是个微不足道的，小到显微镜都看不到的小项目。
原文：（）
赞助商链接
喜欢这篇文章吗？欢迎分享到你的微博、QQ群，并关注我们的微博，谢谢支持。
版权：除非注明，本站文章均为原创或编译，转载请注明出处和原文链接，欢迎转载。
印刷工艺必备神技
设计师必看
手机APP设计
新手推荐！
Web用户体验入门书籍
web前端&设计群零基础如何迅速学习HTML（或HTML5）？
由于从事新媒体推广工作，现在在移动端流行“高大上”的HTML5。作为代码零基础的我，该如何迅速学习HTML（或HTML5）？不要求学会做游戏应用这些，只想学会做简单的滑动页面、跳转即可。或者可以提供一些快速有效的入门书籍或者视频、技巧也可以，谢过各位大神~
从题主的问题来看，“由于从事新媒体推广工作，现在在移动端流行“高大上”的HTML5。作为代码零基础的我，该如何迅速学习HTML（或HTML5）？”所以下面分两种情况来分析：1.如果题主零基础的情况下想去学代码的话，就得把HTML5、CSS3、JavaScript三个一口气都学了，这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行：网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。其一，翁恺老师本身就是高校里面的人气教师，讲课简明生动，很适合初学者入门【之前学过一些计算机课程，因为太过晦涩，对程序语言甚至有点心理阴影，所以初学者学的课程还是要谨慎选择】。其二，翁恺老师在网上授课已经有蛮多经验了，也不会出现什么讲课中途遮住了PPT，代码看不清等等诡异的问题。。。其三，网易云课堂上的三门课程都已经整理完毕，方便学习，平台也比较稳定。而且这些课程完全免费，每门课都有几万人在学【卖不了吃亏也买不了上当=、=HTML5入门：CSS3：JavaScript：书的话，还是推荐一些经典的吧：《Head first HTML&CSS》：入门级必备，难度合适《JavaScript DOM编程艺术》：同样入门级教材《HTML5权威指南》：内容全面，进阶阶段可看《JavaScript高级程序设计》：JS圣经，殿堂级教材建议交错搭配学习，加深理解，不过这样学习来比较费时间就对了2、如果只需要能制作出简单的H5页面，就可以绕过代码这关，善用各类H5制作平台，应该都能轻松上手。Maka：印象中是最早开始做H5页面的平台之一，目前只有web端没有移动端，但网页上各类模板齐全，动态效果和交互也做得不错，只要自己填充内容就好，简单易上手。初页：和maka不同，专门做移动端的，也有一些预设的模板，支持添加文字、图片、音乐等，方便在手机上直接制作，胜在速度。秀制作：来自微信公众号排版常用的工具秀米出品，可以和秀米配合使用，目前也只有web端。Epub360意派：模板不多，但自由度较高，适合有设计感的设计师来操刀制作，发挥交互功能，不过只能免费制作10个，而且作品还自带logo，有ipad版和web版。
先看题主问题： 零基础如何迅速学习HTML（或HTML5）关键词：`零基础`，`迅速`，`HTML`可能题主不知道，单纯HTML是没有意义的，必须配合CSS来产生样式、配合js做出动效才有实际价值，所以这里的`HTML`其实题主指的是`前端开发`吧。基础既然是零基础，那就要先补补基础了。目前前端的热门使得国内外的前端学习资源大量涌现，现在只要能上网就可以获取到质量相当高的学习资源。这里基础学习推荐 [菜鸟网]()。前端的基础无外乎HTML、CSS、js三类，HTML控制内容、CSS控制表现、js控制动效。由于题主的要求中还有`迅速`这个要求，所以基础学习的时间分配可以有侧重：1. HTML、HTML5标签过一遍：大概2天。不要求对每个标签的每个属性都了如指掌，知道什么情况下用什么标签就足矣，死记硬背也没什么意义，后面用的多了自然就熟了。2. CSS、CSS3：也还是整体先过一遍：大概3天。重点关注选择器语法、选择器优先级计算，要写出高效简洁的CSS，其实也就是看选择器写得好不好而已。3. 了解常见布局：大概2天。熟悉一下常见的2列3列自适应布局方案，各种居中，各种行列的实现方式有哪些，响应式布局的实现方式等。4. 模仿几个PC、移动端网页：7天。学编程主要是靠练习，前面学的都是比较零散的细节，这时候可以找一个比较简洁的网站去模仿它的静态页面。这个时候的重点不是某个CSS属性的用法，而是要看一下一个网站的HTML结构是怎样的，CSS样式是怎么组织起来的，HTML与CSS是怎么结合的。多想想为什么要这样做，这里可不可以精简？别把这些网站想得很厉害，由于它们普遍都经过了几波人的迭代，一般来说结构都偏复杂的，都是有优化的空间的。通过以上的学习，基本上拿到一个设计稿你就能做出静态页面了。如果你还有不错的布局意识、良好的色感，基本上你就可以做一个酷炫的静态页面去面试前端设计岗位了~不过等等！是不是漏掉了js呢？恰恰相反，由于js可以同时控制HTML和CSS，所以js在前端中的重要性其实是高于其他两位的，而且显然应该在有了HTML、CSS的基础上再去学习。1. 基础语法：还是可以在[菜鸟网]()上学习，也可以看看[廖老师的js教程]()，过一遍也相当快。2. 重点：事件、DOM操作。这些是js最原始的东西，主要是用来实现交互效果的。3. 组织代码：了解函数，了解对象，主要是为了以更好的方式组织你的代码。不然你一行一行写下去也行，但完全没有条理，日后也无法改动。写代码要养成一个好习惯，除了考虑怎么实现，还要考虑怎么去组织代码，把你的代码弄得条理分明。进阶通过以上基础学习后，基本上都能满足产品大人的常规需求了。下面就要往炫酷、屌炸天的方向去努力了：1. 调试工具：极度推荐chrome！抱歉，其实应该在最开始推荐的。在写CSS的时候，你还是写一下保存然后打开浏览器看效果？用用chrome开发者工具吧，CSS实时调整，爽！js各种调试，爽！[chrom使用教程]()2. 性能意识：之前的基础学习都是为了做出一个东西，而现在你应该要想着做出一个高性能的东西。性能主要有两方面：加载速度以及页面执行效率（多指动画），直观点说就是卡不卡。这里可以看看腾讯前端项目组的总结：[移动H5前端性能优化指南]()3. 代码规范：基础部分的代码组织没有着重强调，是因为那个时候了解太少，以实现为目的。现在进阶阶段就要考虑使用面向对象的方式来组织代码了，而且还要有模块化工程化的意识。可以从js看起[阮一峰的模块化教程]()，主要是理解这么个思路，日后语言层就会支持。4. 了解一下服务器开发，做前端总是要跟服务器配合的，你要是完全不懂后端，那就简直无法交流了呀。最后说一点：时刻紧跟技术风向！不是要你去跟风，起码你要知道风吹到哪里去。
书就不必了，先从入门，之后各种杂七杂八的问题百度足矣。
去幕课网看视频
学习代码和学习英文不一样， 你需要花费10%的时间去 “学”， 再花90%的时间去 “习” ，特别是前端相关技术，你连续做15-30个小案例，基本就能做基础的开发啦， 个人推荐你使用 “学和习” 整合解决方案：
其实你这个问题在网上有很多答案。我建议你先Google或者百度它。 是我最推荐去的地方。HTML5在。实在需要点书的话我觉得你可以看一下这个问题：把这里面的前几个答案看完你或许会有新的收获。但是我觉得单单HTML或者HTML5的知识不够应付一些实际情况。HTML+CSS+JS最好一块儿学。英语不好且没有编程基础的话，我和前面的各位一样推荐：
推荐个网站：，可以在线制作你想要的互动效果，还有教程。
网络上大多数教程的问题在于喜欢用抽象的概念解释抽象的概念，结果是只有已经不需要看教程的老人才能看懂，比如说：问：什么是HTML？答：HTML即超文本标记语言（？）；“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素（？？）超文本标记语言的结构包括“头”部分、和“主体”部分，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。（？？？）... ...无论内容精炼与否，是不是依然感觉一头雾水？如果这样解释：问：什么是HTML？答：神说，要有网页。（不然没得看）神说，要有浏览器。（不然没法看）神没想到的是后来世界上会有那么多网页，那么多浏览器！每张网页的写法不同，每个浏览器的读法不同，很快，大家发现网络世界变成了一坨sh*t。然而机智的人类开了个会，大家定了些规矩，做网页和做浏览器的都尽量往这些规矩上靠。最后，他们获得了生命的大和谐。规矩之一就是HTML。然后就可以展开这个规矩详细介绍了，比如，这个规矩解决了两个问题：网页的能力要强（网页元素多元化及灵活性的问题，能力强了内容才有可能丰富多彩）尽量不卡（网页传输效率的问题，怎么让丰富的内容以很小的成本传输）... 能使人快速理解一个陌生的概念的莫过于类比其熟悉的概念。措辞上能用大白话就用大白话，为了精炼而牺牲了通俗是件悲伤的事，因为只有不需要看教程的人才能看懂（黑人问号），能同时做到通俗且精炼再好不过，但是如果无法兼顾就应该首选通俗。最近在做Web相关的教程，打算把所有的Web知识用大白话讲一遍，每一课都有文字版也有视频版看任何一版都行，全部免费。先从HTML开始，毕竟是最基础的内容：HTML精讲 - 适合想把HTML扎扎实实过一遍的同学，每一课只有一个知识点，加速后非常精炼
html标签-HTML5精讲 课时ID:6.1 【表严肃】#HTML5教程 #HTML教程body标签-HTML5精讲 课时ID:6.2 【表严肃】#HTML教程 #HTML5教程head标签-HTML5精讲 课时ID:6.3 【表严肃】#HTML教程 #HTML5教程title标签-HTML5精讲 课时ID-6.4 【表严肃】#HTML教程 #HTML5教程----------------割-------------------大家有什么建议意见写在评论区我们一起聊。
提供了很多不错的课程。HTML Essential Training很适合入门，另外还有一些HTML5的前沿技术API的专题，建议从基础开始，循序渐进。课程是视频形式，且作者会根据需要更新自己嗯课程，但又不像普通的公开课视频，一个课程的每个视频都不会超过10分钟，不会出现像公开课看久了枯燥的状况。关于下载的问题，一般在kickass.to可以搜索到
已有帐号？
无法登录？
社交帐号登录}