HTML,Css,JavaScript之间的关系

        简述HTML,Css,JavaScript

网页设计思路是把网页分成三个层次,即:结构层(HTML)、表示层(CSS)、行为层(Javascript)。

1.HTML(超文本标记语言 Hyper Text Markup Language),HTML 是用来描述网页的一种语言,是整个网页的基础骨架.定义网页内容

2.CSS(层叠样式表 Cascading Style Sheets),样式定义如何显示 HTML 元素,语法为:selector{property:value} (选择符 {属性:值}),规定网页布局

3.JavaScript是一种脚本语言,它是连接前台(html)和后台服务器的桥梁,对网页行为进行编程,定义网页的行为

三者关系:HTML为主要结构,所有内容都是定义在html上的,css则负责对网页的修饰和布局,而JavaScript则是是网页拥有一个动态的效果,

    何为动态效果?在我们初学html是,所学的form表单中的submit提交组件则是一种类似的动态效果,而我们的js,则是使静态的网页动起来.

    如,当我们点击摸个按钮,想要弹出窗口,或者修改背景图片,或是其他行为,都可以有自己定义这个行为,这就是网页的动态化.

      HTML,Css,JavaScript的基本语法以及引入方法:

HTML:有大量的基础标签组成,不同的标签具有不同的功能,但只有网页自带的样式,目前最常用的布局方式则是使用div的盒子布局,设计网页时通常

   先设置整个网页的div布局,再讲大大小小的.具有不同作用的div嵌入网页的大盒子中,最后形成一个基本的网页结构,

   标签分为单标签和双标签:<div></div>,<br/>

CSS:作为html的样式存在.在html中有三种方式:

  第一种:内部样式:嵌入在html代码中,<style>   selector{property:value}  样式...     </style>

  第二种:外部样式表:通过<link   rel="stylesheet"   type="text/css"   href="外部样式表路径" />引入外部样式表.

  第三种:内联样式:<标签   style: 属性:"值";属性:"值">,以分号隔开不同属性,通常在需要特定属性,且不经常修改的标签中使用,且优先级为最高,

      会覆盖样式表中的样式

JavaScript:JavaScript代码分为两种书写方式:

     第一种:将js代码直接写在html的代码中,为嵌入式代码块<script  type="text/JavaScript">这里面负责代码的写入</script>

     第二种:将js代码写在单独的 .js文件中,通过<script  type="text/JavaScript"   src="js文件路径"></script>.

         通常不在引入外部js文件的<script>标签中书写js代码,因为写的会被浏览器忽略.且引入的方式也不同于css的href引入,而是使用src

HTML,Css,JavaScript是网页的三要素,后面所学的各种框架都是在他们的基础上建立起来的,不求精通,但求会读且懂.是JavaWeb的基础部分.

猜你喜欢

转载自www.cnblogs.com/Zyx-2019/p/12354684.html