HTML快速布局
What is the HTML ?
HTML是一种网页布局标准，是浏览器解析渲染的一种规则，所有的页面渲染都是按照HTML规则去渲染，浏览器搭建页面就如果建筑师傅搭建楼层一样，一个由上至下，另一个则是由下至上。
HTML标签有两种，一种是单标签：
<标签 / > / > 表示标签的结束， 一般单标签内不嵌套任何内容。 如input输入标签:
<input type="txt" alt="" />
另一种是双标签：开始标签与结束标签 进行搭配
< 标签 >内容< / 标签> 双标签的 >内容< 部分表示 需要标签包含内容的部分。 如：
<p>我是一段文字</p>
HTML需要抽象的去学习
有的人学习HTML只记住了HTML的基本用法，虽然记得很清楚，但是页面布局起来，就是要比别人慢，需要一个一个去调试，这种行为其实在一定程度上是不优雅的，HTML页面的布局就像盖房子一样，一个块级元素就像一层楼，一个行内元素就像楼层里面的沙发，冰箱，桌子,页面布局其实就像是在盖房子一样，充满抽象，充满思考，一个高级的前端，甚至可以做到先写完HTML再开始慢慢填充CSS样式，块级元素就像是一个大盒子，盒子可以设置他的宽高大小，甚至可以比网页可视页面还要大，而行内元素就如同一张沙发，沙发有长有短，沙发到底在楼层(块级元素)占多少，就完全取决于沙发的木材有多少（行内元素的内容，例如文字有多少），这是有空间、抽象、艺术等方面内涵其中的，学习HTML时，推荐大家多思考，想通了抽象的问题，那么页面布局就一步千里了。
如果网页布局总是很慢，可以多思考上面这段话，多看几遍。
要不要记住所有的HTML标签？
这里可以明说：不需要。真的没有必要记住所有的标签，只要记住一些常用的标签就可以了，这里给大家例举一些开发中常用的标签使用
块级元素：div、view、
行内元素： p、span、
行内块元素： img、input、
其余特殊标签 ： link 、style、 script
开发中常用的就是这些标签，一般都是用此类标签去进行样式的修改达到如同其他标签的效果，如div可通过加border、hover等方法变更成为一个button标签，p标签通过设置下划线与color变成a标签。其余的标签只要有个大概的了解就可以了，就可以了！
本文章不引战、不做辨析，只是本人对前端目前行业的分析，如有不对的地方请指出。
掘金、B站ID： 无我code
