前端三件套 HTML +CSS +JS基础知识内容

HTML 课堂笔记

1、什么是HTML？

• Hyper Text Markup Language

• 超文本标记语言

  超文本？超级文本，例如流媒体，声音、视频、图片等。
  标记语言？这种语言是由大量的标签组成。

  任何一个标签都有开始标签和结束标签，例如：
  <标签> : 开始标签
  </标签> : 结束标签

  HTML严格意义上来只能说是一种规范，一种浏览器上的规范，
  标签语言，不能称为编程语言，因为HTML中没有变量、数据类型
  控制语句if 、for，这些都没有的。

2、HTML运行在哪？
运行在浏览器上。

• 世界五大主流浏览器： IE：微软的 FireFox：火狐（FF） Chrome：谷歌 Opera：欧朋

• Safari：MAC OS专用（苹果专用的浏览器） 国内前端程序员主要安装三个：
  IE FF Chrome

• 前端的程序员开发完成之后需要在不同的浏览器上运行程序， 以便发现浏览器兼容问题。

3、HTML怎么开发？
新建一个.html或者.htm结尾的文件。
使用记事本打开就能开发，浏览器打开就能运行。不需要编译。

4、什么是web？
web就是网站开发。

5、web程序员包括：

• web前端程序员： 需要精通：html css javascript
  web前端主要负责的是：前端浏览器展示的效果，客户要求：要酷炫、要震撼…

• web前端页面展示的时候，是需要动态的数据的，这些数据是后台java程序或者 C++程序提供的。

  web后台程序员
  需要精通：
  这个不一定了，后台有可能是C语言，也可能是C++，也可能是Java，也可能PHP
  也可能是Python等…

  这种系统架构被称为：B/S结构系统。
  B: Browser （浏览器）
  S: Server （服务器）

6、HTML是哪个组织制定的标准呢？
W3C.
html实际上是w3c制定的一套标准，有不同的版本，例如：HTML4.0、HTML5.0(简称H5)

• W3C是一个什么组织呢？ W3C是World Wide Web Consortium（万维网联盟）的缩写 tim
  berners-lee 万维网联盟创始人。万维网之父。（地位等同于爱因斯坦…）

• 因为有了他，才有了现如今的互联网时代，他让我们能够上网了。

  HTTP协议：超文本传输协议，也是W3C制定的。
  HTTP协议是一种什么协议？
  浏览器和web服务器传消息的协议。

7、B/S架构的原理？（粗略的描述一下）

• 第一步：用户在浏览器地址栏上输入URL。【http://www.baidu.com】

• 第二步：回车（这一步相当于通过浏览器向服务器发送了一个请求） 请求：request Browser ---->
  Server（浏览器向服务器发送数据）

• 第三步：服务器会给浏览器一个响应，最终响应一段HTML代码给浏览器， 浏览器对HTML代码进行执行展示一个结果。
  响应：response Server —> Browser（服务器向浏览器发送数据）

• 重点：

  到目前为止，浏览器向服务器发送请求有两种方式： 第一种方式：用户直接在浏览器的地址栏上输入URL，回车。
  第二种方式：用户直接在网页上点击超链接。

• 以上两种方式在本质上是没有区别的。 但是第二种方式更加方便，更加傻瓜式！

CSS课堂笔记

1、什么是CSS？
Cascading Style Sheet
层叠样式表语言（不是编程语言，属于样式表语言，没有变量、数据类型、控制语句…）
CSS其实是专门用来修饰HTML的，让HTML更好看。
CSS是HTML的化妆品。

2、CSS是为HTML服务的，所以HTML还是主体，CSS是依附在HTML上的，
所以进行CSS的开发，我们还是需要新建html/htm文件。

3、在HTML中怎么嵌入CSS样式呢？三种方式
第一种方式：内联定义
第二种方式：定义内部样式块对象
第三种方式：链入外部样式表文件（这种方式最常用！）

4、关于选择器的优先级：

标签选择器优先级最低。
其次是类选择器。
最高优先级是id选择器。

还有什么疑问的，可以自行测试以下！

5、常见的CSS样式

课程体系说明：
标号1表示必须掌握；
标号2表示能够理解；
标号3表示简单了解；
标号4表示扩展内容；
1.JavaScript概述
（1）简称JS
（2）一种脚本语言，脚本语言的特点
Java语言是一种非脚本语言，属于编译型语言。
JavaScript语言是一种脚本语言（解释型语言），JavaScript的“目标程序”是以普通文本的形式保存。用记事本是可以直接打开的。浏览器打开就直接解释执行了。
（3）JavaScript和JScript的关系
JavaScript是网景公司开发的，javascript之父是