admin 发表于 2022-8-29 14:37:15

模板制作中 零基础HTML、CSS、JavaScript的关系

            
Web前端三剑客:分别是HTML、CSS、JavaScript,它们看上去是三种不同的技术,但在实际中却是相互搭配使用的。一、HTML超文本标记语言,HTML是一门描述性语言1、HTML是用来标记内容的(重在内容组织上)2、HTML是超文本标记语言的简称,它是一种不严谨的、简单的标识性语言。它用各种标签将页面中的元素组织起来,告诉浏览器该如何显示其中的内容。3、基本标签<pre><html>

  <head></head>

  <body></body>

</html></pre>

为什么说HTML是不严谨的呢?因为HTML标签即使不闭合,也并不会影响页面内容的组织。二、CSS:层叠样式表,是用来控制网页外观的一种技术1、CSS是用来修饰内容样式的(重在内容样式美化展示上)2、CSS是层叠样式表的简称,它用来表现HTML文件样式的,简单说就是负责HTML页面中元素的展现及排版。3、基本标签<style></style>,推荐写在<head></head> 中。4、/*内容注释*/三、JavaScript:是一种嵌入到HTML页面中的语言,由浏览器一边解释一边执行。1、JavaScript是用来做交互的2、JavaScript是一种脚本语言,即可以运行在客户端也能运行在服务器端。JavaScript的解释器就是JS引擎,JS引擎是浏览器的一部分。而JavaScript主要是用来扩展文档交互能力的,使静态的HTML具有一定的交互行为(比如表单提交、动画特效、弹窗等)。3、基本标签<script></script>,推荐写在<body></body>中。4、注释://单行注释    /*js多行注释*/四、HTML与CSS及JS的关系1、这三者99%的情况下都是搭配使用的,但也不是绝对的。2、HTML与CSS、JS是不同的技术,可以独立存在;3、HTML一般需要CSS和JS来配合使用,否则单一HTML文档无论是功能还是展示上效果都不理想;4、CSS一般是不能脱离HTML或XML的,如果CSS脱离了HTML和XML,那就没有存在的必要的;5、JS可以脱离HTML和CSS而独立存在;6、JS可以操作HTML和CSS。五、总结:1、HTML用于控制网页的结构,CSS用于控制网页的外观,JavaScript控制的是网页的行为。2、如果把HTML比做身体,那CSS就好比是衣服,而JavaScript则意味着人能做的一些高级动作。3、甚至你也可以想象这三者的关系是一只小鸟,HTML是没毛的鸟,加上CSS鸟就有了漂亮的羽毛,最后JavaScript就能让鸟儿飞起来。
页: [1]
查看完整版本: 模板制作中 零基础HTML、CSS、JavaScript的关系