第一部分——HTML

1.学习路线

HTML的学习路线图：

2.概述及负责过程

2.1概述：

HTML（超文本标记语言，Hyper Text Markup Language）
HTML是一种描述性标记语言，用来描述页面内容的显示方式；
HTML文件是一种纯文本文件，以“.html”或“.htm”为后缀。
HTML的基本组成单位是元素，语法结构如下：

2.2发展过程：

3.常见元素

3.1 title元素
页面的标题位于

3.2 meta元素
meta元素用于向客户的浏览器传递信息和命令，而不是用来显示内容的。

3.3 文本元素
HTML文档中的文本元素包括：内容标题、文本修饰以及特殊字符。

3.4 文档结构元素

1. 段落标签

   用于对网页内容提供块级格式。当浏览器解析

   标签时，通常在下一个段落之前插入一个新的空白行。

2. 
   标签，可以在文本内容不结束的情况下需要对文本进行换行
   标签是空标签，br和“/”之间存在一个空格。

3. ---

   标签可以在页面中产生一条水平线，将文本区域内容分开。

3.5 列表元素
在HTML页面中，使用列表将相关信息放在一起，会使内容显得更具有条理性。HTML中的列表有以下三种类型：

1. 有序列表：使用一些数值或字母作为编号；
2. 无序列表：使用项目符号作为编号；
3. 定义列表：列表中的每个项目与描述配对显示。

3.6 div与span标签等等

第二部分——CSS

1.CSS概述

• 在页面排版时，内容与样式的混合设计方式将导致页面代码过于臃肿、难于维护，也不利于搜索引擎的检索
• CSS（层叠样式表）的出现，将页面内容与样式彻底分离，极大改善了HTML在页面显示方面的缺陷
• 使用CSS样式表可以控制HTML标签的显示样式，如页面的布局、字体、颜色、背景和图文混排等效果
• 在网站的风格方面，一个CSS样式文件可以在多个页面中使用，当用户修改CSS样式文件时，所有引用该样式文件的页面外观都随之发生改变。

2.基本语法结构

2.1样式是CSS的基本单元，每个样式包含两部分内容：

选择器（Selector）：用于指明网页中哪些元素应用此样式规则。浏览器解析该元素时，根据选择器指定的样式来渲染元素的显示效果；
声明（Declaration）：每个声明由属性和属性值两部分构成，并以英文分号（;）结束

2.2CSS基本格式：
其中，一个选择器可以包含有一个或多个声明。
在CSS样式声明中，书写格式可能有所不同，但应遵循以下规则：
第一项必须是选择器或选择器表达式。
选择器之后紧跟一对大括号。
每个声明是由属性和属性值组成，且位于大括号之内。
声明之间需以英文分号进行间隔。
最后一个声明后面的英文分号可以省略。

3.CSS选择器

第三部分——JavaScript

1.JavaScript简介

• JavaScript是一种脚本语言，可以直接嵌入HTML页面之中。
• 当用户在浏览器中预览该页面时，浏览器会解释并执行其中的JavaScript脚本。
• 随着HTML 5的出现，JavaScript的重要性更加凸显，在Canvas绘图、本地存储、离线应用和客户端通信等方面都需要结合JavaScript脚本来实现。

2.JavaScript特点及规范

2.1 JavaScript是一种通用的、跨平台的、基于对象和事件驱动并具有安全性的客户端脚本语言，其特点如下：

• 解释性
• 嵌套在HTML中
• 弱数据类型
• 跨平台
• 基于对象
• 基于事件驱动

2.2代码编写规范：
浏览器解析JavaScript脚本时，会忽略标识符与运算符之间多余的空白字符
每条语句单独占一行，并以英文分号（;）结束，代码要有缩进，以增加代码层次感。

3.使用样式及数据类型与变量

3.1 JavaScript脚本不仅能嵌入到HTML页面中，还能以独立文件的形式进行存放。
在页面中使用JavaScript脚本的形式有以下三种：

• 行内JavaScript脚本
• 内部JavaScript脚本
• 外部JavaScript脚本

3.2 在JavaScript中，变量的类型可以改变，但某一时刻的类型是确定的。
常见的数据类型如下：
3.3 变量：

• 变量是程序存储数据的基本单位，用来保存程序中的数据。
• 变量名是标识符中的一种，应遵循标识符的命名规范。

3.4 注释：

• 注释用于提高代码的可读性，其本身是用于提示，而注释的内容是不会被执行的。
• 在JavaScript中，注释分为两种形式：单行注释和多行注释

3.5 运算符：
在JavaScript中，常用的运算符：

• 赋值运算符
• 算术运算符
• 比较运算符
• 逻辑运算符
• 三元运算符

3.6 流程控制：
流程控制是指通过控制程序执行的顺序，来完成一定的功能：

• 分支结构（if和switch）
• 循环结构（while、do while和for等）
• break、continue、return等转移语句

3.7 函数：

• 函数是一组延迟动作集的定义，可以通过事件触发或在其他脚本中进行调用
• 在JavaScript中，函数可分为预定义函数和用户自定义函数。
• 预定义函数是指在JavaScript引擎中预先定义的内建函数，用户无需定义便可直接使用。