HTML中的标签元素一般分为三大类，它们分别是：块级元素、行内元素、行内块级元素。下面总结一下这几类元素的特点及应用。
01 块级元素
特点：
① 独占一行、从上到下排列
② 可直接控制宽度、高度及盒子模型的CSS属性（width 、height、padding 等属性值）
③ 在不单独设置宽度的情况下，块级元素的宽度（width属性）继承父元素
④ 在不单独设置高度的情况下，块级元素的高度（height属性）靠自己的基因（它本身内容的高度）
块级元素从我的理解来说，就是一个大框框，用来框住其它元素不要乱跑乱窜的，只能在一定范围内活动。所以，它通常会用来进来大的结构搭建。
常用的块级元素：
02 行内元素
特点：
① 元素与元素之间会自动排列成一行，遇到空间不够自动换行
② 默认高度和宽度（width、height）属性与它们的内容有关，无内容那么它本身也就是虚无。
③ 行内元素不支持padding、margin的上下调动（它们就是紧挨着不离不弃、除非用外部手部强制拆散它们）
行内元素一般用来修饰点缀内容而用，语义化比较强，用来加强代码的可读性。
常用的行内元素：
03 行内块元素
特点：
从这个名字就可以看出来，它是一个结合体，块级元素和行内元素的结合体。它具备二者共有的一些特点，使用非常频繁。
① 元素具有块级元素的属性（width、height等属性），可以对其直接控制
② 虽然有宽和高，但是他并不会霸道地独占一行，它具有行内元素的“亲情属性”，会自动排列挨在一起。
③ 行内块元素支持padding、margin的上下调动
欢迎大佬提点指正
可以啊，即便是零基础的小白，也能自学HTML5技术。借助合理的好的书籍，就能够加快你的学习进度。
自学技术，比非自学，能够有比较扎实的理论基础和研究能力，自学能力，是很不错的选择。
前期书籍，推荐使用 HTML5布局之路
我觉得首先，你要买本自己看的上的实体书作为教材来读。虽然有电子版的书，但是实话还是实体书来的安逸，可以笔记，可以勾勾画画。具体什么书，你自己看的顺眼，不要太厚就行。太厚了，你看着就会放弃的。但是，书本一定要涵盖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，模块化编程思想，面向对象编程思想等等。。。
加油，前端不易，且学且珍惜。
