零基础HTML+CSS+JavaScript学习笔记

第一篇 基础篇
第 1 章 HTML 概述 .1
1.1 HTML 简介 . 1
1.1.1 什么是 HTML . 1
1.1.2 HTML 的发展历程 . 1
1.2 HTML 文件的基本结构 . 2
1.2.1 HTML 相关概念 . 2
1.2.2 HTML 的基本标签 . 4
1.3 编写第一个 HTML 文件 7
1.3.1 HTML 文件的编写方法 . 7
1.3.2 手工直接编写网页 . 8
1.3.3 使用可视化软件 WebStorm 制作网页 9
第 2 章 初识 HTML5 .15
2.1 标题 . 15
2.1.1 标题标签 . 15
2.1.2 标题的对齐方式 . 17
2.2 文字 . 19
2.2.1 文字的斜体、下画线、删除线 . 19
2.2.2 文字的上标与下标 . 21
2.2.3 特殊文字符号 . 22
2.3 段落 . 23
2.3.1 段落标签 . 23
2.3.2 段落的换行标签 . 24
2.3.3 段落的原格式标签 . 26
2.4 水平线 . 27
2.4.1 水平线标签 . 27
2.4.2 水平线标签的宽度 . 29目录
第 3 章 图像和超链接 .31
3.1 添加图像 . 31
3.1.1 图像的基本格式 . 31
3.1.2 在 HTML 中添加图像 32
3.2 设置图像属性 . 33
3.2.1 图像大小与边框 . 33
3.2.2 图像间距与对齐方式 . 35
3.2.3 替换文本与提示文字 . 36
3.3 链接标签 . 38
3.3.1 文本链接 . 38
3.3.2 书签链接 . 39
3.4 图像的链接 . 41
3.4.1 为图像添加链接 . 41
3.4.2 图像热区链接 . 43
第 4 章 表格与 标签 46 4.1 简单表格 . 46
4.1.1 简单表格的制作 . 46
4.1.2 表头的设置 . 49
4.2 表格的高级应用 . 51
4.2.1 表格的样式 . 51
4.2.2 表格的合并 . 53
4.2.3 表格的分组 . 55
4.3 标签 . 57 4.3.1 标签的介绍 . 57 4.3.2 标签的应用 . 58 4.4 标签 . 60 4.4.1 标签的介绍 60 4.4.2 标签的应用 61 第 5 章 列表 63
5.1 列表的标签 . 63
5.2 无序列表 . 64
5.2.1 无序列表标签 . 64
5.2.2 无序列表属性 65
5.3 有序列表 . 67
5.3.1 有序列表标签 . 67
5.3.2 有序列表属性 . 68
5.4 列表的嵌套 . 70
5.4.1 定义列表的嵌套 . 70
5.4.2 无序列表和有序列表的嵌套 . 72
第 6 章 表单 74
6.1 表单概述 . 74
6.1.1 概述 . 74
6.1.2 表单标签 75
6.2 输入标签 . 77
6.2.1 文本框 . 77
6.2.2 单选框和复选框 . 79
6.2.3 按钮 . 81
6.2.4 图像域和文件域 . 84
6.3 文本域和菜单列表控件 . 86
6.3.1 文本域 . 86
6.3.2 菜单列表控件 . 87
第 7 章 多媒体 90
7.1 HTML5 多媒体的简述 . 90
7.1.1 HTML4 中多媒体的应用 . 90
7.1.2 HTML5 网页中的多媒体 . 91
7.2 多媒体元素基本属性 . 92
7.3 多媒体元素常用方法 . 97
7.3.1 多媒体播放时的方法 . 97
7.3.2 canPlayType(type) 方法 99
7.4 多媒体元素重要事件 . 100
7.4.1 事件处理方式 . 100
7.4.2 事件介绍 . 100
7.4.3 事件实例 . 101
第二篇 CSS篇
第 8 章 CSS3 概述 .104
8.1 CSS3 简介 . 104
8.1.1 CSS3 的发展史 . 104
8.1.2 一个简单的 CSS 实例 105
8.2 CSS3 中的选择器 . 108
8.2.1 标签选择器与属性选择器 . 108
8.2.2 类选择器和 ID 选择器 111
8.2.3 伪类选择器和伪元素选择器 . 113
8.2.4 其他选择器 . 116
8.3 常用属性 . 117
8.3.1 文本相关属性 . 117
8.3.2 背景相关属性 . 122
8.3.3 列表相关属性 . 129
第 9 章 CSS3 中的布局常用属性 132
9.1 框模型 . 132
9.1.1 概述 . 132
9.1.2 内、外边距的相关属性 . 133
9.1.3 边框的相关属性 . 135
9.2 定位相关属性 . 137
9.2.1 概述 . 137
9.2.2 设置定位方式 . 137
9.2.3 浮动 . 139
第 10 章 CSS3 中的动画与变形 .141
10.1 2D 变换——transform 141
10.1.1 transform 的基本属性值 . 141
10.1.2 应用 transform 属性实现旋转 142
10.1.3 应用 transform 属性实现缩放 143
10.1.4 应用 transform 属性实现平移 144
10.1.5 应用 transform 属性实现倾斜 145
10.1.6 变形原点 . 148
10.2 过渡效果——transition . 149
10.2.1 指定参与过渡的属性 . 149
10.2.2 指定过渡的持续时间 . 150
10.2.3 指定过渡的延迟时间 . 150
10.2.4 指定过渡的动画类型 . 150
10.3 动画——Animation . 156
10.3.1 关键帧 . 156
10.3.2 动画属性 . 157
第 11 章 响应式网页设计 160
11.1 概述 160
11.1.1 响应式网页设计的概念 . 160
11.1.2 响应式网页设计的优点、缺点和技术原理 . 161
11.2 像素和屏幕分辨率 161
11.2.1 像素和屏幕分辨率 . 162
11.2.2 设备像素和 CSS 像素 163
11.3 视口 163
11.3.1 视口概述 . 164
11.3.2 视口常用属性 . 164
11.3.3 媒体查询 . 165
11.4 响应式网页的布局设计 166
11.4.1 常用布局类型 . 166
11.4.2 布局的实现方式 . 167
11.4.3 响应式网页布局的设计与实现 . 168
第三篇 高级篇
第 12 章 JavaScript 概述 171
12.1 JavaScript 简述 171
12.2 WebStorm 简介 174
12.3 JavaScript 在 HTML 中的使用 175
12.3.1 在网页中直接嵌入 JavaScript 代码 . 175
12.3.2 链接外部 JavaScript 文件 . 180
12.3.3 作为特定标签的属性值使用 . 182
12.4 JavaScript 基本语法 182
第 13 章 JavaScript 基础 185
13.1 数据类型 . 185
13.1.1 数值型 . 185
13.1.2 字符串型 . 188
13.1.3 布尔型 . 191
13.1.4 特殊数据类型 . 191
13.2 常量和变量 . 191
13.2.1 常量 . 192
13.2.2 变量 . 192
13.3 运算符 . 195
13.3.1 算术运算符 . 196
13.3.2 字符串运算符 . 197
13.3.3 比较运算符 . 198
13.3.4 赋值运算符 . 199
13.3.5 逻辑运算符 . 201
13.3.6 条件运算符 . 202
13.3.7 其他运算符 . 203
13.3.8 运算符优先级 . 204
13.4 表达式 . 206
13.5 数据类型的转换规则 . 207
第 14 章 JavaScript 基本语句 .209
14.1 条件判断语句 . 209
14.1.1 if 语句 209
14.1.2 switch 语句 216
14.2 循环语句 . 219
14.2.1 while 语句 . 219
14.2.2 do…while 语句 . 221
14.2.3 for 语句 223
14.2.4 循环语句的嵌套 . 225
14.3 跳转语句 . 226
14.3.1 continue 语句 226
14.3.2 break 语句 . 228
14.4 异常处理语句 . 229
14.4.1 try…catch…fifinally 语句 . 229
14.4.2 Error 对象 230
14.4.3 使用 throw 语句抛出异常 231
第 15 章 JavaScript 中的函数 .232
15.1 函数的定义和调用 . 232
15.1.1 函数的定义 . 232
15.1.2 函数的调用 . 233
15.2 函数的参数 . 236
15.3 函数的返回值 . 237
15.4 嵌套函数 . 238
15.4.1 函数的嵌套定义 . 239
15.4.2 函数的嵌套调用 . 239
15.5 递归函数 . 240
15.6 变量的作用域 . 241
15.6.1 全局变量和局部变量 . 242
15.6.2 变量的优先级 . 242
15.7 内置函数 . 243
15.7.1 数值处理函数 . 243
15.7.2 字符串处理函数 . 245
15.8 定义匿名函数 . 246
15.8.1 在表达式中定义函数 . 247
15.8.2 使用 Function() 构造函数定义函数 248
第 16 章 JavaScript 中的对象 .249
16.1 对象简介 . 249
16.1.1 什么是对象 . 249
16.1.2 对象的属性和方法 . 250
16.1.3 JavaScript 对象的种类 250
16.2 自定义对象的创建 . 251
16.2.1 直接创建自定义对象 . 251
16.2.2 通过自定义构造函数创建自定义对象 . 252
16.2.3 通过 Object 对象创建自定义对象 . 256
16.3 对象访问语句 . 258
16.3.1 for…in 语句 259
16.3.2 with 语句 . 260
16.4 常用内部对象 . 261
16.4.1 Math 对象 261
16.4.2 Date 对象 . 264
第 17 章 JavaScript 中的数组 .271
17.1 数组介绍 . 271
17.2 定义数组 . 272
17.2.1 定义空数组 . 272
17.2.2 指定数组长度 . 273
17.2.3 指定数组元素 . 273
17.2.4 直接定义数组 . 273
17.3 操作数组元素 . 274
17.3.1 数组元素的输入和输出 . 274
17.3.2 数组元素的添加 . 276
17.3.3 数组元素的删除 . 277
17.4 数组的属性 . 277
17.4.1 length 属性 277
17.4.2 prototype 属性 . 279
17.5 数组的方法 . 280
17.5.1 数组的添加和删除 . 281
17.5.2 设置数组的排列顺序 . 285
17.5.3 获取某段数组元素 . 288
17.5.4 将数组转换成字符串 . 290
第 18 章 AJAX 技术 292
18.1 AJAX 概述 292
18.1.1 AJAX 应用案例 292
18.1.2 AJAX 的开发模式 293
18.1.3 AJAX 的优点 294
18.2 AJAX 的技术组成 295
18.2.1 XMLHttpRequest 对象 . 295
18.2.2 XML. 295
18.2.3 JavaScript . 297
18.2.4 DOM 298
18.2.5 CSS 298
18.3 XMLHttpRequest 对象的使用 298
18.3.1 XMLHttpRequest 对象的初始化 . 298
18.3.2 XMLHttpRequest 对象的常用属性 . 299
18.3.3 XMLHttpRequest 对象的常用方法 . 301
第 19 章 jQuery 基础 306
19.1 jQuery 概述 . 306
19.2 下载与配置 jQuery . 307
19.3 jQuery 选择器 . 309
19.3.1 jQuery 的工厂函数 . 309
19.3.2 基本选择器 . 310
19.3.3 层级选择器 . 316
19.3.4 过滤选择器 . 323
19.3.5 属性选择器 . 329
19.3.6 表单选择器 . 330
第 20 章 jQuery 控制网页和事件处理 .332
20.1 jQuery 控制网页元素 . 332
20.1.1 对元素的内容和值进行操作 . 332
20.1.2 对网页中的 DOM 节点进行操作 336
20.1.3 对网页元素的属性进行操作 . 342
20.1.4 对元素的 CSS 样式进行操作 343
20.2 jQuery 的事件处理 . 344
20.2.1 网页加载响应事件 . 344
20.2.2 jQuery 中的事件 . 345
20.2.3 事件绑定 . 346
20.2.4 模拟用户操作 . 347



查看全部↓ 前言/序言 前言：
浏览网页已经成为人们生活和工作中不可或缺的一部分，网页页面也随着技术的发展而越来越丰富、美观。HTML（超文本标记语言）是一种网页设计基础语言，它和 CSS3的出现，可以使设计的网页外观效果更炫、网页设计技术更简单。JavaScript 是 Web 网页中的一种脚本编程语言，以开发 Web 网页的脚本语言而闻名。因此，HTML、CSS 和JavaScript 又被称为 Web 开发的“三剑客”。
本书内容
本书包含学习网页设计从入门到高级应用开发所需的各类必备知识，全书共 20 章，
知识结构如下。
本书特点
●内容由浅入深，循序渐进。本书以初、中级程序员为重点对象，先讲解 HTML 基础，再讲解 HTML 网页的结构、常用标签、CSS 基础知识、CSS 中的伪类选择器、CSS 中的布局常用属性、JavaScript 概述、JavaScript 基本语法、AJAX、jQuery 等知识。在讲解过程中，步骤详尽，使读者在阅读时一目了然，快速掌握书中的内容。
●教学视频，讲解详尽。本书基础知识部分提供了配套教学视频，读者可以根据这些视频进行学习，感受编程的快乐，增强进一步学习的信心，从而快速成为编程高手。
●实例典型，轻松易学。通过例子来学习知识是最好的学习方式。本书在讲解知识时，通过多个实例透彻、详尽地讲述了在实际开发中所需的各类知识。另外，为了便于读者阅读程序代码，并快速学习编程技能，书中的关键代码都提供了注释。
●精彩栏目，贴心提醒。本书根据需要在各章安排了很多“学习笔记”小栏目，让读者可以在学习的过程中更轻松地理解相关知识点和概念，从而更快地掌握相关技术的应用技巧。
读者对象
●初学编程的自学者
●编程爱好者
● 大中专院校的老师和学生
●相关培训机构的老师和学员
●进行毕业设计的学生
●初级、中级、高级程序开发人员
● 程序测试及维护人员
●参加实习的“菜鸟”程序员
读者服务
本书约定
开发环境及工具如下。
●操作系统：Windows 7、Windows 10 等
●开发工具：Visual Studio 2017（Visual Studio 2015 及 Visual Studio 2019 兼容）
● 数据库：SQL Server 2014
查看全部↓
"})