浅析html+css+javascript之间的关系与作用

小灰灰 2024-02-19 12:23 116阅读 0赞

### 三者间的关系 ###

一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。

html是主体，装载各种dom元素；css用来装饰dom元素；javascript控制dom元素。

用一扇门比喻三者间的关系是：html是门的门板，css是门上的油漆或花纹，javascript是门的开关；

### html介绍 ###

html是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，html使用标记标签来描述网页，本文就用标签来代替标记标签进行说明。

标签是指<html></html>，<div></div>。

标签是有语义的：标题用<h1>，表格展示用<table>，链接用<a>，无序排列用<ul>等等。

标签里可带有各类属性，最基本的就是class和id。class属性的作用是引用css样式；id的作用是配合javascript使用，具有唯一性。下面举几个例子说明

l 图片标签<img>的主要属性有src，alt。src是引用图片的网络地址（必要）；alt是对这张图片的描述，如果图片加载不成功，则会显示alt的文字。

l 超链接<a>的主要属性有href，target。href是指链接要跳转的网址（必要）；target是告诉浏览器点击这个链接后要以哪种形式找开窗口，target=”\_blank”是指打开一个新窗口

若想了解更多关于html的资料，请[点击这里][Link 1]。

### css介绍 ###

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

**使用css。**

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

**css优先权。**

多个css样式可集中在单个html标签里，出现这种情况时，一般按优先权划分

1.  浏览器默认设置 **（最低）**
2.  外部样式表
3.  内部样式表（写在html的<head>标签内部）
4.  内联样式（写在html的标签里，即style属性）**（最高）**

**css的语法。**

css由两个主要部分组成，选择器，一条或多条声明。

选择器是指css样式的名字“.seletor”，名字前面要带上一点“.”。声明是由属性和值组成，给个例子“margin: 0 auto”，冒号前面是属性，后面是值，该例子是定义元素居中显示。

具体的属性和值可[点击这里][Link 2]。

### javascript介绍 ###

javascript是脚本语言，它是连接前台（html）和后台服务器的桥梁，它是操纵html的能手，本文用js代替javascript进行说明。

平时听到原生js，js库，js框架，js插件等等，下面简单说明一下。

l 原生js，是指最基础的js，没有封装过，但因为各浏览器对js的支持不同，就导致用基础的js编程需要为不同的浏览器写兼容代码。

l Js库，js框架，是指集成一系列dom操作，API封装，界面UI封装的的库类，常见的有jQuery，extjs等等，这方面的定义比较难区分，暂不误导大家

l Js插件，就是集成了帮助程序员轻松完成功能的程序。Js插件用得比较多，网页制作上随处可见。如图片轮换功能，导航制作，上传图片等等。

至于js语法介绍，则太过于琐碎，详情请[点击这里][Link 3]

[Link 1]: http://www.w3school.com.cn/html/index.asp
[Link 2]: http://www.w3school.com.cn/css/index.asp
[Link 3]: http://www.w3school.com.cn/js/

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 hashCode()与equals()之间的关系

在Java中，`hashCode()`和`equals()`方法之间存在紧密的关系，主要体现在它们共同作用于对象的比较和存储上，尤其是在集合（如HashSet、HashM...

男娘i/ 2024年05月24日 04:51/ 0 赞/ 90 阅读

相关 Ipython与Jupyter之间的关系

随着时间的推移，IPython 发展了一套丰富的工具，其中最著名的就是 IPython Notebook。Jupyter 这个名字反映了项目支持的三种核心编程语言：Jul...

灰太狼/ 2024年04月29日 01:21/ 0 赞/ 85 阅读

相关浅析html+css+javascript之间的关系与作用

三者间的关系一个基本的网站包含很多个网页，一个网页由html, css和javascript组成。 html是主体，装载各种dom元素；css用来装饰dom元素；ja

小灰灰/ 2024年02月19日 12:23/ 0 赞/ 117 阅读

相关 equals()与hashcode()之间的关系

1、equals简介被用来检测两个对象是否相等，即两个对象的内容是否相等； equals 方法（是String类从它的超类Object中继承的）==用于比较引用和比

爱被打了一巴掌/ 2023年10月09日 15:18/ 0 赞/ 127 阅读

相关 hashCode()与equals()之间的关系

在Java中，每个对象都可以调用自己的hashCode()方法得到自己的哈希值（hashCode）,就像是对象的指纹信息，通常来说世界上没有完全相同的两个指纹，但是在Java中

系统管理员/ 2023年09月23日 18:46/ 0 赞/ 183 阅读

相关表与表之间的关系

表与表之间的关系表与表之间的关系（设计表时考虑的）有三种：一对一、一对多（多对一）、多对多。一对一一对一：一张表的一条记录一定只能与另外一张表的一条记录进行

- 日理万妓/ 2022年05月23日 00:04/ 0 赞/ 357 阅读

相关类与类之间的关系

类与类之间的关系有泛化（继承）、实现、关联、依赖、聚合、组合 -------------------- 泛化(继承)：指的是一个类（称为子类、子接口）继承另外一个类（称

灰太狼/ 2022年05月20日 22:16/ 0 赞/ 437 阅读

相关 WebView 与 JS 之间的关系

最近公司做在移动办公项目，采用HTML5，CSS和JS制作界面，然后通过Android的控件webView来加载界面，这是最近移动开发中刚刚兴起的，类似的产品有

Love The Way You Lie/ 2022年04月23日 23:42/ 0 赞/ 303 阅读

相关类与类之间的关系

类与类之间的关系主要有：泛化（继承）、实现、依赖、关联、聚合、组合五中关系 1.泛化关系：子类继承父类，子接口继承父接口 ![watermark_type_ZmF

布满荆棘的人生/ 2022年02月03日 00:21/ 0 赞/ 424 阅读

相关浅析JDK,JRE，Tomcat之间的关系

▲问题引入　　今天因为把Tomcat的版本从8升级到了9，而Tomcat9版本需要java8及其以上的版本,于是又开始了各种环境变量，Tomcat服务，开发工具的jre

灰太狼/ 2021年11月23日 11:44/ 0 赞/ 431 阅读