首页 / 知识
html/css/js是什么关系
2023-04-11 14:46:00

工作多年,一直忙忙碌碌的应用各种技术,现在不忙了,问问自己究竟在做什么,究竟会什么竟答不上来,回想起来工作中经常是被要求多快好省的去实现一个目标,用度娘解决问题,却没时间了解原因,今天就从宏观的角度入手来归纳总结一下。
HTML、CSS、JavaScript简介及简单分工
1、什么是HTML(超文本标记语言HyperTextMarkupLanguage),HTML是用来描述网页的一种语言。
2、CSS(层叠样式表CascadingStyleSheets),样式定义如何显示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是一直描述语言,它是对着浏览器描述自己的,那么它通常怎么描述具体的这个网页呢?
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title>网页标题</title>
<linkrel="stylesheet"type="text/css"href="mycss.css"/>
<scripttype="text/javascript"src="myjs.js"></script>
</head>
<body>
<p>这是一个段落</p>
</body>
</html>
这是一个最简单的HTML文档,文档说的是,浏览器啊,我是遵循W3C标准XHTML1.0过渡版本规范(文件类型声明),我采用的编码是utf-8,我的标题是“网页标题”,描述我的模样的样式表是我同目录的mycss.css文件,与我有关的javascript代码在我同级的myks.js文件中,我的内容有一个段落,段落的内容是“这是一个段落”。
|
最新内容
相关内容
python中的int是什么意思?
python中的int是什么意思?,数字,数据,培训,字符串,参数,语法,实例,以下,方法,函数,python中的int()函数用于将一个字符串或数字转换为整型。python-minimal是什么
python-minimal是什么,管理系统,培训,子集,语言,最小,版本,模块,进程,以上,任务,python-minimal是Python2语言的最小子集,包含解释器和一些重def在python中是什么?
def在python中是什么?,名称,代码,培训,函数,圆括号,参数,表达式,选择性,字符串,自变量,def在python中的意义:自定义一个函数你可以定义一个由Python库与模块的区别是什么?
Python库与模块的区别是什么?,名称,概念,标准,机构,培训,名字,代码,模块,区别,函数,python库与模块的区别是:模块、库主要区别在于他们的定义python的闭包函数是什么
python的闭包函数是什么,代码,工作,函数,培训,程序,外部,个数,变量,嵌套,赋值,python中的闭包,又称闭包函数或者闭合函数,其实和前面讲的嵌套函python到底是什么样的语言
python到底是什么样的语言,教育,软件,人工智能,培训,代码,简介,语言,类型,程序,动态,python是一种面向对象、解释型、动态类型计算机程序设计python中loc是什么
python中loc是什么,数据,培训,标签,函数,字符串,以下内容,索引,前后,以上,重点,loc中的数据是列名,是字符串,所以前后都要取;iloc中数据是int整python对象与方法的区别是什么
python对象与方法的区别是什么,地址,数据,培训,对象,函数,类型,字符串,方法,表示,身份,python使用对象模型来存储数据,也就是说构造任何类型的pythoncv是什么意思
pythoncv是什么意思,数据,技术,培训,检测,无人驾驶,数字,观察,电脑,地图,安防,OpenCV(OpenSourceComputerVisionLibrary)开放源代码计算机视pythonexp是什么
pythonexp是什么,培训,指数,函数,模块,表达式,数值,静态,语法,实例,对象,pythonexp()函数描述exp()函数返回x的指数,语法importmathmath.exp(xpython format是什么
python format是什么,数字,培训,小数,编号,字符串,顺序,中间,小数点,括号,字段,python中format主要是用来格式化字符串的。format用法相对基pythondef是什么
pythondef是什么,代码,培训,名字,函数,括号,定义,内部,功能,参数,脚本,python里的def:自定义函数通常使用def关键字来开始定义。使用def开始函