HTML、CSS及JS的区别

小鱼儿 2024-04-01 09:34 57阅读 0赞

**Web前端工程师应该知道的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、2CSS—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前端工作的小伙伴们有所帮助。

来源：[微点阅读][Link 1] [https://www.weidianyuedu.com][Link 1]

[Link 1]: https://www.weidianyuedu.com

发表评论取消回复

表情：

评论列表（有 0 条评论，57人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML、CSS及JS的区别

Web前端工程师应该知道的HTML、CSS、JS区别。在日常学习中，html，css和js我们都学过，起初分不清这三者的区别和联系，随着知识的增长，有了一些体会。随小编看一

小鱼儿/ 2024年04月01日 09:34/ 0 赞/ 58 阅读

相关 HTML、CSS及JS之间的区别浅谈

![5ed023cfcf2d4dc4af2ef1ecda6accb9.png][] HTML、CSS 和 JS 是构建网页的三种核心技术。 HTML（Hypertext M

女爷i/ 2024年03月26日 23:07/ 0 赞/ 67 阅读

相关关于HTML、CSS及JS的区别

![013c48ca6f7d761e54a0131cc5245c93.jpeg][] 关于Web前端工程师应该知道的HTML、CSS、JS区别。在日常学习中，html，c

客官°小女子只卖身不卖艺/ 2024年03月26日 04:16/ 0 赞/ 59 阅读

相关 js中!和!!的区别及用法

在看别人的js代码时发现了这么一个用法： if (!!item.value) { param[item.name] = item.value;

水深无声/ 2024年03月22日 18:53/ 0 赞/ 62 阅读

相关 js数据类型分类及存储区别

js数据类型分类及存储区别 1. js数据类型分类 1.1 什么是Symbol类型 1.2 什么是BigInt类型 2. 存储方式差

蔚落/ 2023年10月11日 16:31/ 0 赞/ 38 阅读

相关 js中!和!!的区别及用法

！可将变量转换成boolean类型，null、undefined和空字符串取反都为true，其余都为false。 console.log(!null) // true

骑猪看日落/ 2022年11月01日 04:23/ 0 赞/ 251 阅读

相关 js中preventDefault 与stopPropagation 及 stopImmediatePropagation的区别

原文：[https://codeplanet.io/preventdefault-vs-stoppropagation-vs-stopimmediatepropagation/

系统管理员/ 2022年06月09日 14:53/ 0 赞/ 181 阅读

相关 js中call、apply、bind的用法及区别

call、apply和bind：三者作用一致（都是改变函数的this指向），只是使用的方法不同而已。 apply 、 call 、bind 三者都是用来改变函数的thi

叁歲伎倆/ 2022年05月30日 09:59/ 0 赞/ 259 阅读

相关 js中!和!!的区别及用法

js中!的用法是比较灵活的，它除了做逻辑运算常常会用！做类型判断，可以用！与上对象来求得一个布尔值， 1、！可将变量转换成boolean类型，null、undefined和

短命女/ 2021年11月05日 03:08/ 0 赞/ 383 阅读

相关 js中!和!!的区别及用法

js中!和!!的区别及用法在看别人的js代码时发现了这么一个用法： if (!!item.value) { param[item.name] = item.va...

朱雀/ 2020年07月01日 21:13/ 0 赞/ 855 阅读