说之前还是先说点其他的，简单介绍下自己为何选择web前端开发:

本人之前在一家国企单位从事质检工作，干了3年，工资和待遇还算不错，但由于其工作的流动性导致知识的脱轨以及精神上的空缺，最后还是打算在25岁这个年龄段在拼一把，选择学习前端开发，虽然我不是很聪明的那种人，但至少我会坚持

首先，什么是web前端开发，在第一次接触的时候，往往感觉这是个很神秘的职业，让人望而却步，实际不然，在有一定了解下你就会觉得这个东西也不是你想象中的那么神秘，现在进入正题

1：定义

2：组成

在我们日常生活中所见到的网页，小程序等都是可以被实现的，所以web前端开发你可以这样理解：创建WEB页面或app等前端界面呈现给用户看的过程，凡是能肉然看见的，都是可以被实现的，其中在一个页面上我们看到它的结构：页面，那么页面当中又会有很多的内容组成，什么图片啊，视频啊，文字内容等等啊，这些叫做html，他是用来定义页面结构的，后面还会学到css和js，现在先说html，html：hypertxt-markup-language。中文名：超文本标记语言，那么我们可以知道html是由很多内容组成的，这些内容也叫做元素，元素的结构组成<元素名>元素内容</元素名>，（也可以说是起始标记+元素内容+结束标记），在页面上我们是呈现的元素内容，那么现在暂时学到的元素不多，但不影响后面划分页面结构。结构，可以把它想象成混凝土，由模子固定它的形状，粗、细集料（框架）构成混凝土的骨架，水泥，水等外加剂（元素）作为调试混凝土性能的填充物以及功能性作用的东西。一般来说，现在学习的划分区域的元素标签名有div等，由于方便开发者跟维护者看，后面就有了语义化标签：header  nav    aside   article     section      footer

header顾名思义就是头部（也可表示部分区域的头部）的意思   nav导航   aside广告及附加信息    article文章主题     section某一主题的部分，也可以表示章节   footer底部（也可表示部分区域的底部）

有了这个想法后，一个html页面就可以是三部分组成： header      正文内容（div） footer   ，在从ui设计那儿根据需求细分，比如：<header><h1>标题</h1><nav><a>超链接</a></nav></header>,对页面的结构划分就很轻松了，在这儿还是说说平时常见到的容：h1表示标题，h元素有h1-h6这6个级别，数字越小，标题越大；p元素表示段落；article表示正文，如果一个页面的中间不问全是由大量文字组成的话，也可以用article划分区域；a元素表示超链接（点击可以跳转地址）等

有了这些基本知识点过后就可以实现我们对网页的第一步操作了，划分页面结构了。