HTML,Css,JavaScript之间的关系男人装搭配
简述HTML,Css,JavaScript
宝宝拉肚子吃什么好⽹页设计思路是把⽹页分成三个层次,即:结构层(HTML)、表⽰层(CSS)、⾏为层(Javascript)。
1.HTML(超⽂本标记语⾔ Hyper Text Markup Language),HTML 是⽤来描述⽹页的⼀种语⾔,是整个⽹页的基础⾻架.定义⽹页内容
2.CSS(层叠样式表C ascading S tyle S heets),样式定义如何显⽰ HTML 元素,语法为:selector{property:value} (选择符 {属性:值}),规定⽹页布局
3.JavaScript是⼀种脚本语⾔,它是连接前台(html)和后台服务器的桥梁,对⽹页⾏为进⾏编程,定义⽹页的⾏为
99句情话复制三者关系:HTML为主要结构,所有内容都是定义在html上的,css则负责对⽹页的修饰和布局,⽽JavaScript则是是⽹页拥有⼀个动态的效果,
何为动态效果?在我们初学html是,所学的form表单中的submit提交组件则是⼀种类似的动态效果,⽽我们的js,则是使静态的⽹页动起来.
如,当我们点击摸个按钮,想要弹出窗⼝,或者修改背景图⽚,或是其他⾏为,都可以有⾃⼰定义这个⾏为,这就是⽹页的动态化.excel怎么筛选
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代码分为两种书写⽅式:
清明节古诗大全50首 第⼀种:将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的基础部分.
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论