Web前端开发小白入门之网页制作三要素，你还在迷茫吗？

悠悠 2022-04-01 08:29 239阅读 0赞

Web前端开发是由网页制作演变而来的，主要由HTML、CSS、JavaScript三大要素组成。专业的Web前端开发入门知识也一定会包含这些内容。

![Web前端开发小白入门之网页制作三要素，你还在迷茫吗？][Web]

HTML，超文本标记语言，标准通用标记语言下的一个应用。包括“头”部分(英语：Head)、和“主体”部分(英语：Body)，其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

CSS，层叠样式表，是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

JavaScript，一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。被广泛用于Web应用开发,常用来为网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。通常JavaScript脚本是通过嵌入在HTML中来实现自身的功能。

随着互联网时代的飞速发展以及企业需求变更，前端开发技术的三要素也演变成现今的HTML5、CSS3、jQuery。因此很多Web前端开发入门课程中的内容也有了一定的调整。

HTML5是超文本标记语言的第五次重大修改，在HTML的基础上引进了新的功能，可以真正改变用户与文档的交互方式，这主要包括：“新的解析规则增强了灵活性、新属性、淘汰过时的或冗余的属性;一个HTML5文档到另一个文档间的拖放功能、离线编辑、信息传递的增强、详细的解析规则、多用途互联网邮件扩展和协议处理程序注册，在SQL数据库中存储数据的通用标准(WebSQL)等。”

CSS3是CSS(层叠样式表)技术的升级版本，主要包括盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等模块。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

jQuery，一个快速、简洁的JavaScript框架，它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。jQuery兼容各种主流浏览器，核心特性可以总结为：具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的css选择器，并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。

可以简单理解，HTML定义了网页的内容，CSS装饰了网页的布局，JavaScript网页的行为jQuery 是一个JavaScript库。如果把一张网页比作一个人，那么HTML是人的器官，肢体等主要的组成部分;CSS是你穿的衣服之类的，让你看起来更美观;JavaScript为人赋予更多的交互，比如和别人交流、逻辑判断等;jQuery是人使用工具箱。

**       自己整理了一份2018最全面前端学习资料,从最基础的HTML+CSS+JS \[炫酷特效，游戏，插件封装，设计模式\]到移动端HTML5的项目实战的学习资料都有整理，送给每一位前端小伙伴, 有想学习web前端的，或是转行，或是大学生，还有工作中想提升自己能力的，正在学习的小伙伴欢迎加入学习。**

>   
> **加Q Q群：956940552（招募中）**

[Web]: http://p99.pstatp.com/large/dfic-imagehandler/0e841975-6486-40a8-ae5f-6a57ef7d81bc