HTML的基础概念（新手篇）

大家好，我是旭霖，今天第一天发布自己的文章，我学习html也有一段时间了，今天给大家简单分享一下HTML的基础理念和基本架构，这边文章纯属和大家唠嗑，不会涉及到太过专业的用语！小白也能看懂！

HTML主要分为三个阶段，html（框架）css（样式）JavaScript（行为），那么今天主要和大家讲一下三个基础概念，学习由浅入深，大家慢慢学习！

HTML其实也很好理解，把它当做一个人来看就行了，html基础框架，就是身体的构成，咱们人是由血液，骨骼等人体组织构建而成，html其实也是类似，构建其基础架构，header(头），body（身体），footer（脚），我们先把基础的骨骼框架给搭建好！

CSS样式其实就相当于咱们人的衣服一样，给咱们增加一些美感，有句老话说的好，人靠衣装马靠鞍，咱们光有身体可不行，还得有样式，增加美观，就像现在的女孩子一样，要学会化妆，在CSS概念上其实没有什么好讲的，这里的水很深，后期会给大家进入实战，由浅至深。

咱们正常人只有身体和衣服那可是不行的，必须要会动才行对吧，不然不就成了植物人了吗？所以说人有行为才是灵魂所在，同理，html也是应该有行为的，那么JavaScript就是给咱们的网页增加行为，增加灵魂的，只有有行为的网页才能有灵魂，给到客户更好的一个体验度。

我们html架构的搭建，主要是适用于客户端，展示给客户端观看和操作的，所以我们前端在行业内算是起到一个承上启下的作用的，上要对接后端数据库和UI设计师以及动效师，下要对接客户端，所以我们要追其完美，不能出现一点差错，所以这也要求了我们细心的一个行为（小编我就是典型的粗心大意，做个大差不差就行了，哈哈。）前边我们先把一些基础的架构搭建出来，细节的处理在做完每一个块元素后，要即使的修改！

那么“块元素”什么呢？在基础的网页架构中，你所看到的内容都是由块组成的，就是大块套小块，小块套着小小块的那种，归根结底都是块元素套着块元素！我们称之为盒子模型！（知道有这个东西即可，后面会注重去讲！）

在学习的过程中我们经常会接触到块元素和行元素或者行内块元素！那么在这里就简单提一下，让大家知道这个概念！

其实也很好理解了，块元素就是一个块，就是一个盒子，属于容器，容器里我们可以放置图片或者文字等多种元素！默认是竖排依次摆放！

行元素：就是你理解的每行文字中的“行”，处于水平反向排放。

那么行内块是什么呢？就是把块元素边行行内元素，水平方向依次进行排放，但是仍拥有块的特性！

那么在一个网页中我们分为静态页面和动态页面，像你平时所看到的网页都是属于动态网页，会触发（事件），需要用到js，咱们后面再讲，先从简单的静态页面讲起，在下片文章我将会从基础的布局（线框图）开始给讲起！