标签：网页 元素 基础 html 概念 HTML 新手 咱们

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

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

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

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

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

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

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

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

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

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

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

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

标签：网页,元素,基础,html,概念,HTML,新手,咱们
来源： https://blog.csdn.net/xhd11257339/article/details/117599741

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。