html/css/js是什么关系

HTML、CSS和JS是组成网页的主要部分：HTML定义网页结构，CSS描述网页样子，JS设置网页行为。打个比方：HTML就像一个人的骨骼、器官，CSS是人的皮肤，这两样构成一个植物人，加上js这个植物人就可以对外界刺激做出反应，可以思考、运动，是活生生的人。

工作多年，一直忙忙碌碌的应用各种技术，现在不忙了，问问自己究竟在做什么，究竟会什么竟答不上来，回想起来工作中经常是被要求多快好省的去实现一个目标，用度娘解决问题，却没时间了解原因，今天就从宏观的角度入手来归纳总结一下。

HTML、CSS、JavaScript简介及简单分工

1、什么是HTML（超文本标记语言 HyPEr Text Markup Language），HTML 是用来描述网页的一种语言。
2、CSS(层叠样式表 CasCADing Style Sheets),样式定义如何显示 HTML 元素，语法为：selector { PRoperty：value} (选择符 { 属性：值} )
3、JavaScript是一种脚本语言，其源代码在发往客户端运行之前不需经过编译，而是将文本格式的字符代码发送给浏览器由浏览器解释运行

对于一个网页，HTML定义网页的结构，CSS描述网页的样子，JavaScript设置一个很经典的例子是说HTML就像 一个人的骨骼、器官，而CSS就是人的皮肤，有了这两样也就构成了一个植物人了，加上javascript这个植物人就可以对外界刺激做出反应，可以思 考、运动、可以给自己整容化妆（改变CSS）等等，成为一个活生生的人。

如果说HTML是肉身、CSS就是皮相、Javascript就是灵魂。没有Javascript,HTML+CSS是植物人，没有Javascript、CSS是个毁容的植物人。
如果说HTML是建筑师，CSS就是干装修的，Javascript是魔术师。

怎么把这三者联系在一起呢，当然得通过网页的肉身HTML,HTML是一直描述语言，它是对着浏览器描述自己的，那么它通常怎么描述具体的这个网页呢？

!DOCTYPE html PubLIC "-//W3C//DTD XHTML 1.0 TransITional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    html XMlns="http://www.w3.org/1999/xhtml">
    head>
    meta http-equiv="Content-Type" content="text/html;
     charset=utf-8" />
    title>
    网页标题/title>
    link rel="stylesheet" type="text/css" href="mycss.css" />
    script type="text/javascript" src="myjs.js">
    /script>
    /head>
    body>
    p>
    这是一个段落/p>
    /body>
    /html>
    

这是一个最简单的HTML文档，文档说的是，浏览器啊，我是遵循W3C标准XHTML1.0过渡版本规范（文件类型声明），我采用的编码是utf-8,我的标题是“网页标题”，描述我的模样的样式表是我同目录的mycss.css文件，与我有关的javascript代码在我同级的myks.js文件中，我的内容有一个段落，段落的内容是“这是一个段落”。

以上就是html/css/js是什么关系的详细内容，更多请关注其它相关文章！

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！