若想学 HTML，应从何入手？

和题主一样大三公共事业管理，文科妹子，无编程基础，一个月之内做了个还算漂亮的官网~

分享一下我的入门经历吧！

step1：

首先我看了这道题目的回答，咨询了一些前端工程师们，决定从经典的

入手，把上面的课程刷一遍！

刷到一半的时候心里没底了。。什么时候能看完呢？而且感觉概念这么多，就算刷完了也不记得几个啊！

怎么办！

step2：

接着，改变学习轨迹的恩人出现了！在

老师的指点下我决定把这个教程看一遍！

[这里是视频打包下载的地址：

]

一天的时间边看边开着 sublime跟着同步做，同时用 evernote 做笔记。

基础知识差不多了，但是还觉得不太牢固，于是又刷了一遍书

书的开头序中提到了「元认知」这个概念，就觉得这本书赞赞哒！看完之后果然符合认知心理学学习的原理。

发现两个东西的授课本质是一样的！

在这期间，无意间下了一个app 叫「Lrn」，卡片式地教你几种语言的基础知识。于是每晚和男神聊微信的间隙就顺手把html和css又刷了一遍（喂和男神聊天还这么不专心！！）

UI设计也很棒！推荐没事的时候也可以刷一下！

step3:

基础知识差不多啦，可以直接上手做项目了！

（我当时因为要做官网，还先用 bootstrap 做了一个，被嫌弃太丑就毙掉了= =）

你又问了，做什么项目呢？

最简单的就是搭一个自己的博客啦，或者是一个简单的静态展示类网页。一般的公司官网都可以哦~

依托于 github pages，这个入门教程可以参看我昨天的回答

接着就是：

（这个教程还是感觉不够小白，我会再写一个哒）

其实真的没有想象中那么难，初期就是看别人的网站很好，右键「检查元素」

直接把人家的代码复制粘贴过来就可以了。。。

像这样子！

在不断地复制粘贴中你不仅搭起来了自己的博客，还学会了80%以上的 HTML ！

所以说，学编程最好的途径不是看一堆资料，而是

Just do it！

哦对了，最后这个教程也很推荐！！！

祝大家新年快乐~

陈贤安先生推荐的书籍，我认为非常不适合入门，他们更像是全面的参考指南，充斥着各类细节，且行文晦涩，对初学者有难度，容易挫败其热情。

我负责任地说：

O'reilly 的 Head first html， xhtml & CSS 是这个地球上最好的html和css入门书，没有之一。

1， 最正式的规范和思路

2， 最简单易懂，乐趣盎然的学习过程

读完这本后，请直接去学习同作者的刚刚出版的新书：

Head first Html5

这本不但是最好的html5入门书，也是极好的javascript入门书。这两本的结合，应是目前最快的html学习路径。