HTML CSS Javascript关系和作用

三者的关系

一个基本的网站可以由多个网页组成,一个基本的网页由HTML CSS和JavasCript组成。
1.html是主体,装载各种dom元素。
2.css用来装饰各种dom元素。
3.JavaScript用来控制dom元素。
比喻:html是门板,而门板需要装饰,那么css就是门上的装饰,而门需要开关来控制,那么JavaScript就是门上的开关。

html的介绍

html是用来描述网页的一种语言,它不是一种编程语言,而是一种标记语言(标记标签),总的来说,html使用标记标签来描述网页。
标签有:
标签是有语义的:

代表标题,代表段落,代表表格,
    代表无序排列。
    标签里可带有各类属性,最基本的就是class和id。class属性的作用是引用css样式;id的作用是配合javascript使用,具有唯一性。
    图片标签的主要属性由src,alt。src是引用图片的网络地址(必要);alt是对这张图片的描述,如果图片加载不成功,则会显示alt的文字。
    超链接< a >的主要属性有href,target。href是指链接要跳转的网址(必要);target是告诉浏览器点击这个链接后要以哪种形式找开窗口,target=”_blank”是指打开一个新窗口。
    更多html资料:点击这里

    CSS的介绍

    css的官方名字叫层叠样式表,它的出现是为了解决内容和表现分离的问题,一般存放在.css文件里。

    CSS的使用:

    可在html的头元素里书写,或者书写在CSS文件并在html里引用该文件。

    CSS的优先权:

    多个css样式可集中在单个html标签里,出现这种情况时,一般按优先权划分:
    1.浏览器默认设置 (最低)
    2.外部样式表
    3.内部样式表(写在html的标签内部)
    4.内联样式(写在html的标签里,即style属性)(最高)

    CSS的语法:

    css由两个主要部分组成,选择器,一条或多条声明。
    选择器是指css样式的名字“.seletor”,名字前面要带上一点“.”。声明是由属性和值组成,给个例子“margin: 0 auto”,冒号前面是属性,后面是值,该例子是定义元素居中显示
    具体属性和值:点击这里

    JavaScript的介绍(小生也不太熟练它。。。。)

    javascript是脚本语言,它是连接前台(html)和后台服务器的桥梁,它是操纵html的能手,本文用js代替javascript进行说明。
    平时听到原生js,js库,js框架,js插件等等,下面简单说明一下。
    1.原生js,是指最基础的js,没有封装过,但因为各浏览器对js的支持不同,就导致用基础的js编程需要为不同的浏览器写兼容代码。
    2.Js库,js框架,是指集成一系列dom操作,API封装,界面UI封装的的库类,常见的有jQuery,extjs等等,这方面的定义比较难区分,暂不误导大家
    3.JS插件,就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多,网页制作上随处可见。如图片轮换功能,导航制作,上传图片等等。
    至于js语法介绍,则太过于琐碎,详情请点击这里

    答谢观众:


    HTML CSS Javascript关系和作用_第1张图片
    清凉结衣

    哈哈!

    本教程版权归饥人谷peter和饥人谷所有,转载须说明来源

    你可能感兴趣的:(HTML CSS Javascript关系和作用)