本篇整理 HTML 基础内容：HTML 简介、头部元素、基本标签、表格标签、表单标签以及特殊字符。

1. HTML 简介

网页是网站中的一个页面，是构成网站的基本元素，是承载各种网站应用的平台。通俗地说，网站就是由网页组成的。我们看到的网页通常是以 htm 或 html 为后缀的文件，俗称 HTML 文件。

1.1 什么是 HTML

HTML 全称 Hyper Text Markup Language，即超文本标记语言：

• 超文本：页面内可以包含图片、链接，甚至音乐、程序等非文字元素（超出文本的范畴）；
• 标记：即标签，不同的标签实现不同的功能；
• 语言：人与计算机的交互工具。

本篇整理 CSS 基础内容：CSS 简介、三种使用方式、常用选择器、常用属性，以及基于 DIV+CSS 的布局知识（元素分类、盒模型、浮动与定位）。

1. CSS 简介

1.1 CSS 是什么

CSS（Cascading Style Sheets）即层叠样式表。CSS 可以用来为网页创建样式表，通过样式表对网页进行装饰。所谓层叠，可以将整个网页想象成一层一层的结构，层次高的会覆盖层次低的，CSS 可以分别为网页的各个层次设置样式。

1.2 CSS 能做什么

• 修饰美化 HTML 网页；
• 外部样式表可以提高代码复用性，从而提高工作效率；
• HTML 内容与样式表现分离，便于后期维护。

本篇整理 JavaScript 基础内容：语言概述与组成、使用位置、基础语法（变量、运算符、流程控制、数组、函数、对象）、DOM 操作、表单验证与正则表达式，以及 BOM 常用对象与定时器。

1. 概述

1.1 JavaScript 简介

JavaScript 是一种解释性脚本语言，是一种动态类型、弱类型、基于原型继承的语言，内置支持类型。

它的解释器被称为 JavaScript 引擎，作为浏览器的一部分，广泛用于客户端的脚本语言，用来给 HTML 网页增加动态功能。

脚本语言是为了缩短传统的编写-编译-链接-运行（edit-compile-link-run）过程而创建的计算机编程语言，一个脚本通常是解释执行而非编译。

本篇整理 jQuery 基础内容：jQuery 介绍与引入、基本语法、常用选择器、遍历、DOM 操作（内容、节点、属性、CSS）以及隐藏显示与淡入淡出等常用效果。

1. jQuery 介绍

1.1 jQuery 概述

jQuery 是一个快速、简洁的 JavaScript 代码库。jQuery 设计的宗旨是"Write Less，Do More"，即倡导写更少的代码，做更多的事情。它封装了 JavaScript 常用的功能代码，提供一种简便的 JavaScript 操作方式，优化 HTML 文档操作、事件处理、动画设计和 Ajax 交互。

本篇整理前端框架 BootStrap 的基础用法：jQuery 的 validate 表单校验插件，以及 Bootstrap 的栅格系统、排版、表格、表单、按钮、图像、图标和模态框等常用组件。

1. validate 插件

1.1 validate 插件概述

为了更好地实现人机交互，可以使用 jQuery 生态中的 validate 插件：在用户填写表单时，快速地对用户填写的数据进行验证，并做出反馈。

Validation 拥有如下特点：

• 内置验证规则：拥有必填、数字、Email、URL 和信用卡号码等 19 类内置验证规则；
• 自定义验证规则：可以很方便地自定义验证规则；
• 简单强大的验证信息提示：默认了验证信息提示，并提供自定义覆盖默认提示信息的功能；
• 实时验证：可以通过 keyup 或 blur 事件触发验证，而不仅仅在表单提交的时候验证。

本篇整理 Ajax 与 JSON 两部分内容：Ajax 的概念、原生 JS 与 jQuery 两种实现方式、JSON 语法及与 Java 对象的相互转换，最后通过"校验用户是否存在"和 Ajax 文件上传两个案例串联运用。

1. Ajax

1.1 Ajax 概念

AJAX = Asynchronous（异步）JavaScript and XML，即异步的 JavaScript 和 XML：

• 同步：客户端必须等待服务器端的响应，在等待期间客户端不能做其他操作；
• 异步：客户端不需要等待服务器端的响应，在服务器处理请求的过程中，客户端可以进行其他操作。