html与css与js三者组合关系(html css js各自作用)
大家好，感谢邀请，今天来为大家分享一下html与css与js三者组合关系的问题，以及和html css js各自作用的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！
解html js css三者的概念关系
一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。
html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。
用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关；
html介绍
html是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，html使用标记标签来描述网页，本文就用标签来代替标记标签进行说明。
标签是指<html></html>，<div></div>。
标签是有语义的：标题用<h1>，表格展示用<table>，链接用<a>，无序排列用<ul>等等。
标签里可带有各类属性，最基本的就是class和id。class属性的作用是引用css样式；id的作用是配合javascript使用，具有唯一性。下面举几个例子说明
l图片标签<img>的主要属性有src，alt。src是引用图片的网络地址（必要）；alt是对这张图片的描述，如果图片加载不成功，则会显示alt的文字。
l超链接<a>的主要属性有href，target。href是指链接要跳转的网址（必要）；target是告诉浏览器点击这个链接后要以哪种形式找开窗口，target=”_blank”是指打开一个新窗口
若想了解更多关于html的资料，请点击这里。
css介绍
css的官方名字叫层叠样式表，它的出现是为了解决内容和表现分离的问题，一般存放在.css文件里。
使用css。
可在html的头元素<head>里书写，或者书写在CSS文件并在html里引用该文件。
css优先权。
多个css样式可集中在单个html标签里，出现这种情况时，一般按优先权划分
浏览器默认设置（最低）
外部样式表
内部样式表（写在html的<head>标签内部）
内联样式（写在html的标签里，即style属性）（最高）
css的语法。
css由两个主要部分组成，选择器，一条或多条声明。
选择器是指css样式的名字“.seletor”，名字前面要带上一点“.”。声明是由属性和值组成，例子“margin: 0 auto”，冒号前面是属性，后面是值，该例子是定义元素居中显示。
具体的属性和值可点击这里。
javascript介绍
javascript是脚本语言，它是连接前台（html）和后台服务器的桥梁，它是操纵html的能手，本文用js代替javascript进行说明。
平时听到原生js，js库，js框架，js插件等等，下面简单说明一下。
l原生js，是指最基础的js，没有封装过，但因为各浏览器对js的支持不同，就导致用基础的js编程需要为不同的浏览器写兼容代码。
l Js库，js框架，是指集成一系列dom操作，API封装，界面UI封装的的库类，常见的有jQuery，extjs等等，这方面的定义比较难区分，暂不误导大家
l Js插件，就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多，网页制作上随处可见。如图片轮换功能，导航制作，上传图片等等。
HTML中css和js有什么区别
HTML,CSS,JavaScript分别是什么？
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。
一、HTML—Hypertext Markup Language。
结构（structure）——决定网页的结构及内容，即“显示哪些内容”
超文本标记语言。它通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容(比如文字如何处理，画面如何安排，图片如何显示等)。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容。
HTML文本中包含了所谓的“链接点”HTML利用超链接的方法，将各种不同空间的文字信息组织在一起的网状文本。总的来说，HTML就是整合网页结构和内容显示的一种语言。
二，CSS—Cascading Style Sheet，
表现（presentation）——设计网页的表现样式，即“如何显示有关内容”
层叠样式表单。是将样式信息与网页内容分离的一种标记语言。我们在牛腩新闻发布系统中，我们使用过CSS文件，对一些标签的样式进行修改。
我们使用CSS为每个HTML元素定义样式，也可以用于多个界面。进行全局更新时，只需修改样式即可。
body{ border:1px solid#000;/整体的边框/ font-size:14px;}
CSS就是设置网页上HTML元素属性的语言。
3、Javascript
行为（behavior）——控制网页的行为（效果），即“内容应该如何对事件做出反应”
Java是一种基于对象(Object)和事件驱动(Event Driven)并具有安全性能的脚本语言。使用它的目的是与HTML超文本标记语言、Java脚本语言(Java小程序)一起实现在一个Web页面中链接多个对象，与Web客户交互作用。例如可以设置鼠标悬停效果，在客户端验证表单，创建定制的HTML页面，显示警告框，设置cookie等等。
function jsHello{ alert(‘Hello World!’);}
把代码嵌入HTML语言中，它会在加载时弹出一个“Hello World”对话框。
哪些部分是html和css 哪些部分是js
这个就是要区分html，css，js
1. html：标记语言，<div></div>以<></>成对出现，少数的但标签，<br/>就是但标签
HTML文件以.html或者.htm为后缀例如： index.html
2. css:样式语言，控制标签样式，可以说是装饰效果，什么字体大小，颜色，宽高，位置等等
css可以写在HTML里面,html的css可写在<style></style>标签里面，也可以单独成css文件
css文件.css为后缀例如： main.css
3. js:脚本语言，JavaScript的全称
js可以写在HTML里面,html的js可写在<script></script>标签里面，也可以单独成js文件
js文件.js为后缀例如： move.js
END，本文到此结束，如果可以帮助到大家，还望关注本站哦！