HTML、 CSS、 JavaScript三者的关系

HTML、 CSS、 JavaScript三者的关系

网页主要由三部分组成： 结构（ Structure） 、 表现（ Presentation） 和行为（ Behavior）

HTML —— 结构， 决定网页的结构和内容（ “是什么”）

CSS —— 表现（ 样式） ， 设定网页的表现样式（ “什么样子”）

JavaScript（ JS） —— 行为， 控制网页的行为（ “做什么”）

一、 HTML语言

1.1什么是HTML语言（ HTML概述）

英文全称： Hyper Text Markup Language

中文全称： 超文本标记语言

HTML 语言是制作网页的最基本语言， 并且只能通过web浏览器显示出来。

Hyper（ 超） ：

用HTML制作的网页可以通过其中的链接从一个网页“跳转”至另一个网页。

Text（ 文本） ：

HTML是一种文本解释性的程序语言， 即它的源代码将不经过编译而直接在浏览器中运行时被“翻译”。

Markup（ 标记） ：

HTML的基本规则就是用“标记语言” ---- 成对尖括号组成的标签元素来描述网页内容是如何在浏览器中显示的。

1.2 HTML文档结构

HTML文档一般由两部分组成：

1. 文档所要表达的内容信息（ 文字、 图片等） ；

2. 一系列的HTML标签；

1.3 HTML标签

1.3.1 什么是HTML标签

1. HTML标签是用 <> 所括住的指令， 主要分为：

单标签： <起始标签/>

双标签： <起始标签></结束标签>

例如：

<br/>

<div></div>

2. 通常使用的是双标签。 有一个起始标签就对应有一个结束标签。 标签内容写在起始标签和结束标签之间。

<div>标签内容</div>

3. 在元素的起始标签中， 还可以包含“属性”来设置元素的其他特性。 一个标签可以有多个属性,每个属性之间用空格隔开。

<div 属性名="属性值"></div>

例如：

<div class="wrap" ></iframe>