HTML、CSS与JS的联系及区别

骑猪看日落 2024-03-27 14:41 7阅读 0赞

![76348d019bd9aeb91cb1ff75d9e7317d.jpeg][]

**HTML、CSS、JS区别。**

在日常学习中，html，css和js我们都学过，起初分不清这三者的区别和联系，随着知识的增长，有了一些体会。随小编看一下这三项技术都是什么，能干什么？

web前端工程师是近几年才发展出来的新兴职业，也是目前火爆且高薪的职业。不同的公司有不同的叫法，例如网页界面开发、网站设计等等。要学习web前端开发，需要掌握哪些知识呢？小编总结了一下，必须掌握的就是以下几点。

**1、HTML—hypertext markup language**

超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（比如文字如何处理，画面如何安排，图片如何显示等）。

浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，

<html> <head> <title>HTML</title> </head> <body> </body> </html>HTML文本中包含了所谓的“链接点”HTML利用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。总的来说，HTML就是整合网页结构和内容显示的一种语言。

**2、CSS—cascading style sheet**

层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中，我们使用过CSS文件，对一些标签的样式进行修改。

说白了，CSS就是设置网页上HTML元素属性的语言。

**3、JavaScript**

一开始特别郁闷为什么它的名字跟Java如此相似?

这是典型的市场营销方面的成功，它的推广成功,也是借了Java的东风。当微软开始意识到Javascript在Web开发人员中流行起来时，微软还是一贯风格，建立了自己的脚本语言，JScript。

Javascript是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。function jsHello\{ alert("Hello World！"); \}

把代码嵌入HTML语言中，它会在加载时弹出一个“Hello World”对话框。至于怎么嵌入的，我们在学习JS视频之初就已经知道了。

以上就是小编今天为大家分享的关于Web前端工程师应该知道的HTML、CSS、JS区别的文章，希望本篇文章能够对正在从事web前端工作的小伙伴们有所帮助。

————————————————

转自：[https://www.weidianyuedu.com][https_www.weidianyuedu.com]

[76348d019bd9aeb91cb1ff75d9e7317d.jpeg]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/27/be716d8186494c609cae8a2eb96e7c0c.png
[https_www.weidianyuedu.com]: https://www.weidianyuedu.com