javascript和html和css的关系,web前端中html,css和JavaScript这三个的关系是怎么样的?

我们说,Web前端三剑客:HTML、CSS、JavaScript,它们看上去是三种不同的技术,但在实际中却是相互搭配使用的。

HTML是用来标记内容的(重在内容组织上)

HTML是超文本标记语言的简称,它是一种不严谨的、简单的标识性语言。它用各种标签将页面中的元素组织起来,告诉浏览器该如何显示其中的内容。

为什么说HTML是不严谨的呢?因为HTML标签即使不闭合,也并不会影响页面内容的组织。

CSS是用来修饰内容样式的(重在内容样式美化展示上)

CSS是层叠样式表的简称,它用来表现HTML文件样式的,简单说就是负责HTML页面中元素的展现及排版。

JavaScript是用来做交互的

JavaScript是一种脚本语言,即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎,JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的,使静态的HTML具有一定的交互行为(比如表单提交、动画特效、弹窗等)。

HTML与CSS及JS的关系

这三者99%的情况下都是搭配使用的,但也不是绝对的,具体关系是:

HTML与CSS、JS是不同的技术,可以独立存在;

HTML一般需要CSS和JS来配合使用,否则单一HTML文档无论是功能还是展示上效果都不理想;

CSS一般是不能脱离HTML或XML的,如果CSS脱离了HTML和XML,那就没有存在的必要的;

JS可以脱离HTML和CSS而独立存在;

JS可以操作HTML和CSS。

总结:如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。

以上就是我的观点,对于这个问题大家是怎么看待的呢?欢迎在下方评论区交流 ~ 我是科技领域创作者,十年互联网从业经验,欢迎关注我了解更多科技知识!

"

学JavaScript需要css和HTML的基础吗?

作为一个老IT人,可以回答一下这个问题。搞前端开发的人都知道,HTML,CSS,JavaScript是前端三剑客,是作为一个前端开发者必须要掌握的知识。在这里我们先说一下这三者在开发中的作用,可能解释完以后你就会明白了。

图一:

javascript和html和css的关系,web前端中html,css和JavaScript这三个的关系是怎么样的?

JavaScript,HTML和CSS三者的关系

如果把制作的一个前端界面看成制作一个美女的话,那么HTML就是这个美女的骨架,它是支撑起挣界面布局的架子,身高多少,手脚多大等等这些都是HTML来完成的。CSS则是给这个美女填充上肌肉,穿上漂亮的衣服。虽然这个时候虽然已经是成了人形但还不能动。现在就需要JavaScript出场了,JavaScript的作用就是让这个人活起来,动起来。

图二:

javascript和html和css的关系,web前端中html,css和JavaScript这三个的关系是怎么样的?

JavaScript这个语言有个特别之处

从上面的描述就可以看出来,JavaScript在前端中是不能单独使用的,必须配合HTML和CSS。其实从单纯的学习看来,JavaScript作为一种语言,学习起来和其他语言一样,是不需要HTML和CSS基础的。但是它又和其他后端语言不同,不能单独用于开发。要体现它编程的效果,就得引入HTML和CSS。所以最后的出的结论就是要想学习JavaScript必须要会HTML和CSS。

图三:

javascript和html和css的关系,web前端中html,css和JavaScript这三个的关系是怎么样的?

关于编程语言学习的一些心得

最后在啰嗦几句关于编程语言学习的心得。编程语言的学习首先充分的了解一下要这个语言,该语言的作用,以及类型。找一套完整的课程,一定要有项目的那种。边学习边自己动手敲代码,每一个知识点自己都要能敲出来,不能听懂就可以了!要是能够独立的完成一个简单项目的话,那就证明你已经入门了,但是要应聘一个前端的工作。光着三样还不够如图三所示。还得学习一些其他框架作为支撑。

自己看了下前端的视频,感觉好懵,CSS和HTML是什么?看到视频还是不懂,你们是怎么学的?

Html和css都是前端必须掌握的技术知识,也是很多编程入门课程。

javascript和html和css的关系,web前端中html,css和JavaScript这三个的关系是怎么样的?javascript和html和css的关系,web前端中html,css和JavaScript这三个的关系是怎么样的?

既然是入门必学,从我理解开始,它们学起来相对简单,容易上手。

既然必须掌握,那么它们的重要性不言而喻,尤其对前端童鞋们来说。

我一个搞后端的,我当时就是从html学起,学完后紧接着就是css。

Html是超文本标记语言,它有一系列的html标签或者说指令。通过这些指令将一些文字,图片,视频,超链接啊等资源进行整合通过浏览器渲染出来。

Html更像是盖房子的骨架。像什么钢筋水泥,混凝土,砖头等可以理解为它的标签。

其实我觉得当初发明这种语言的应该是类比人来说的吧。

Html的结构有head title script style body footer等组成。

下面是它的大致结构。

Title

这些基本上就是一个空壳子,就跟房子的骨架一样。我们大多都是往它的body里面添加内容,浏览器上看到的文本,图片,视频大多数都是body的东西。标题和网页的图标是在浏览器的选项卡那能看到。

而css就是用来给房子装修,或者说我们人化妆穿衣打扮。目的就一个,让html更好看一些。吸引用户的眼球。但是它只能让html穿上衣服,就跟画画上色一样,都是静态的。

如果让美美的外衣动起来,画出的内容更加炫酷。就用到了JavaScript,也就是js。

切不可把js和Java混淆了。

css,js都是为html服务的。前者使它文静的美,后者让它动感的炫!

说了这么多,到底怎么学?

看视频看不懂?

对于初学者来说,看视频肯定学不会或者说学不好的。

为什么?

因为这些html和css标签都让你看的眼花缭乱。这些js方法都够你头大的。

那么问题出在哪呢?

那就是学习方法!

学技术,绝不是纯粹的靠看视频就能学会的。它更重要的在于六个字:多练,多练,多练!

只有看视频的同时,多拿笔或者多动手敲,才有效果。

而且这个效果非常明显!

我可以告诉你的是,这些看似很多的标签,一个都不用刻意的去死记硬背!

而且背是没什么用的,因为今天可能这个版本有这个标签,可能明天就废弃了。技术更新迭代的很快,只有掌握了核心的思想,就可以以不变应万变!

我当初学习就这样,自己动手跟着视频一个字母一个字母敲。

敲得多了,自然就记住了。慢慢的去尝试做一些网页,结合实际的项目,日积月累。各种布局,各种页面样式,各种交互,看的多了练的多了。基本功练扎实了,以后回过头你就发现,哇好简单。

看到一个好的网站,你脑海中就能立马展现出可能别人是怎么布局的,怎么配色的,哪些动画用可能用到了哪些方法。甚至你能一眼看出他前端用到了什么框架。

OK,说到这里我想你一定知道怎么去学,怎么有效的学,怎么学的更快更扎实了吧。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 xxx@163.com 举报,一经查实,本站将立刻删除。

发表评论

登录后才能评论