web前端怎么入门

web前端怎么入门

Web前端就是实现客户端（手机和电脑）上看到的页面和一些交互效果（比如点击、查看详情、查看更多）等，从事Web网页开发、HTML5页面开发。通俗易懂地说Web前端就是一切可视化的产物，比如我们在电脑上看到的网页，手机上看到的网页，或者滑动APP的手势，这些都是。

各大公司，包括百度、京东、淘宝、阿里巴巴、天猫等都设置了专门的Web前端部分，由此可见，Web现在是一个比较火热的行业。

第 一阶段 HTML标签的学习超文本标记语言(HyperText Mark-up Language简称 HTML)，”超文本” 就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

html是一个网页的骨架，就好比是盖房子的结构~这也是前端页面的基础。试着想一下，如果一个房子连砖头和水泥都没有。

后面的步骤又有什么意义呢?所以我们必须要掌握HTML的基本结构和常见的标签，属性。有了一个好的开始，距离成功已经-小半啦~关于HTML怎么记忆、学习?可能一上来死记硬背，也不会有太好的预期。而且还有可能被吓到?

“我去!这么多标签!怎么记得玩?”

个人感觉有两点可以尝试:语义化的去记忆。比如ul li这个就是列表，button就是按钮，table就是表格。实这也是html5所倡导的,语义化标签。试着写一个一个小的demo,也许就只是一个列表, 一个表格，或者一个按钮。也许写着写着你就懂了呢?

学习HTML就是要自己不断地去写，去尝试。看着自己的代码能跑起来，有了心目中的 效果，这种心情还是很开心的!给大家推荐一个网站， w3cSchool, 这里面有在线的代码编辑器。

第二阶段一CSS的学习CSS

层叠样式表一(Cascading Style Sheets)， 是能够真正做到网页表现与内容分离的一种样式设计语言。相对于传统HTML的表现而言，CSS能够对网页中的对象的位置排版进行像素级的控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初步交互设计。

是目前基文本展示较的表现设计语言。CSS能够根据不同使用者的理解能力,简化或者优化写法，针对各类人群，有较强的易读性。

CSS看似比较繁杂，实只要掌握了CSS中的盒子模型、定位、以及页面布局,就基本上掌握了半啦~这时我们就以及能够对网页中各个元素进行的排版，做出符合我们意愿的网页啦！

第三阶段—JavaScript

JavaScript-种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言，内置支 持类型。它的解释器被称为JavaScript引擎 ，为浏览器的一部分，广泛用于客户端的脚 本语言，较早是在HTML (标准通用标记语言下的一个应用)网页上使用，用来给 HTML网页增加动态功能。

简单来说，javascript是- -个可以运行在浏览器上面的语言 (当然现在基于一些库/框架已经远不只是在浏览器上了) ，它可以操控浏览器，让浏览器听从我们的命令。

这有点像一个电视机和遥控器，而javascript就是我们的遥控器。 浏览器根据javascript的指令,做出相应的反馈。比如操作DOM (也可以理解成为操作HTML)，可以操作CSS。有了javascript就可以让我更加灵活&动态的操控。