html作为web编程的入口，因为其元素众多，所以导致很多新手都无法坚持，今天我们就来聊聊怎么简单的学习html知识。
一个推荐的学习顺序
学习顺序图
下面来说明一下上面的图，首先学习不可见元素部分，然后学习标题和列表元素部分，然后是表单元素，依次类推，直到学到其他元素，其次，上面的图已经理清了部分逻辑关系的，比如select的子元素就只有option,ul和ol的共同子元素就只有li等等。
实现一个简单的页面
轮廓转化流程图
页面轮廓
实现一个页面前，我们首先划出一个大概的轮廓，这里一般采用从整体全局出发的思路，也就是结构化程序设计的思想，自顶向下，逐步求精；首先将页面分为很大的几块，然后对每个分割的块分别进行再分，直到你已经对该页面非常熟悉了，这样基于视角的页面轮廓就出现了。
用区域元素实现轮廓
有了页面轮廓，我们接下来需要做的事情就是，用区域元素表示这些分割的块，这样我们就能够得到基于HTML的页面轮廓，也就是一个页面的大体情况已经用代码实现了。
填充区域
上面说到已经用HTML实现了页面的一个大体轮廓，接下来就是用其他HMTL元素去填充每个区域块的内容，最后得到我们最终页面结构，有了这个结构，之后用CSS来美化页面就可以了，当然为了做一些更酷的效果，比如动画、旋转等等，可以用一些高级的CSS3或JavaScript（框架）来实现。
语义化
思考用什么元素
通过实现一个简单页面的实践，你虽然实现了一个简单的页面，但是有个问题会出现在你的脑子里面，就是那么多区域元素，我们怎么知道选择那个区域元素来表示顶部、中部和底部区域呢？别担心，语义化就是为了解决这个问题的，比如在文章里面，我们就应该用article来布局文章区域部分，而版权等信息可以用address或footer来布局这些区域，对于其他非区域元素，也是一样，该用表格的部分就用表格，该用表单的部分就用表单来表示，不要乱用，至于为什么要将语义化放在最后来讲，是因为语义化是在你已经非常熟悉HTML的时候，才更容易理解，如果一开始就谈语义化，估计你会遇到很多不理解的。
通过上面的讲解，如果还有什么疑问，在评论中留下，我会单独解答的，这里推荐一个中文的学习网站w3school，相信你带着本文中介绍的思路去学习这个网站里面的知识，思路会更清晰一些。