第1章 HTML语言基础 1
任务驱动 1
学习路线 1
本章目标 2
1.1 Internet起源 2
1.2 HTML概述 2
1.2.1 HTML发展过程 2
1.2.2 HTML文档结构 3
1.2.3 编写HTML文件的注意事项 5
1.2.4 文档类型声明和语言版本 6
1.3 HEAD元素 6
1.3.1 title元素 7
1.3.2 meta元素 7
1.4 文本元素 8
1.4.1 标题标签 8
1.4.2 文本修饰标签 9
1.4.3 特殊字符 10
1.5 文档结构元素 11
1.5.1 段落标签 11
1.5.2 换行标签 12
1.5.3 水平线标签 12
1.6 列表元素 13
1.6.1 有序列表 13
1.6.2 无序列表 15
1.6.3 定义列表 16
1.7 div与span标签 17
1.8 URL简介 18
1.9 图像标签 20
1.10 超链接标签 22
1.10.1 文本链接与锚点链接 22
1.10.2 图片链接与图片热区链接 23
1.10.3 其他超链接 25
1.10.4 超链接的target属性 26
1.11 贯穿任务实现 27
1.11.1 实现【任务1-1】 28
1.11.2 实现【任务1-2】 28
1.11.3 实现【任务1-3】 29
1.11.4 实现【任务1-4】 30
本章总结 30
小结 30
Q&A 31
章节练习 31
习题 31
上机 31
第2章 表格与框架 33
任务驱动 33
学习路线 33
本章目标 33
2.1 表格 34
2.1.1 表格的组成 34
2.1.2 表格的基本属性 35
2.1.3 单元格标签 37
2.1.4 行标签 39
2.1.5 表格的行分组 40
2.1.6 表格的列分组 42
2.1.7 表格的嵌套 43
2.2 框架 43
2.2.1 框架集的基本结构 44
2.2.2 框架集的属性 44
2.2.3 框架的属性 46
2.2.4 框架集的嵌套 47
2.2.5 内联框架 48
2.2.6 框架之间的链接 49
2.3 贯穿任务实现 50
2.3.1 实现【任务2-1】 50
2.3.2 实现【任务2-2】 56
本章总结 61
小结 61
Q&A 62
章节练习 62
习题 62
上机 63
第3章 表单 65
任务驱动 65
学习路线 65
本章目标 65
3.1 表单概述 66
3.2 表单标签 66
3.3 表单域 68
3.3.1 单行文本框 69
3.3.2 密码框 70
3.3.3 单选按钮 71
3.3.4 复选框 72
3.3.5 文件选择框 73
3.3.6 隐藏域 74
3.3.7 多行文本框 75
3.3.8 列表选择框 76
3.4 按钮控件 79
3.5 表单分组 81
3.6 贯穿任务实现 82
3.6.1 实现【任务3-1】 82
3.6.2 实现【任务3-2】 86
本章总结 88
小结 88
Q&A 89
章节练习 89
习题 89
上机 89
第4章 CSS语言基础 91
任务驱动 91
学习路线 91
本章目标 91
4.1 CSS概述 92
4.1.1 CSS发展史 92
4.1.2 CSS基本语法结构 92
4.2 CSS的使用 93
4.2.1 内嵌样式 93
4.2.2 内部样式表 94
4.2.3 外部样式表 95
4.2.4 样式表的优先级 97
4.3 CSS选择器 98
4.3.1 基本选择器 98
4.3.2 组合选择器 101
4.3.3 属性选择器 104
4.4 CSS样式属性 106
4.4.1 文本属性 106
4.4.2 字体属性 107
4.4.3 背景属性 110
4.4.4 表格属性 113
4.4.5 列表属性 114
4.4.6 分类属性 116
4.5 伪类与伪元素 122
4.5.1 伪类 122
4.5.2 伪元素 124
4.6 贯穿任务实现 125
4.6.1 实现【任务4-1】 125
4.6.2 实现【任务4-2】 126
本章总结 128
小结 128
Q&A 129
章节练习 129
习题 129
上机 130
第5章 CSS页面布局 132
任务驱动 132
学习路线 132
本章目标 132
5.1 盒子模型 133
5.2 内容区 133
5.3 边框 134
5.3.1 边框宽度 136
5.3.2 边框样式 136
5.3.3 圆角边框 138
5.3.4 边框阴影 143
5.3.5 图像边框 144
5.4 内边距 149
5.5 外边距 151
5.5.1 外边距的基本用法 151
5.5.2 外边距合并 153
5.6 DIV+CSS页面布局 155
5.7 贯穿任务实现 158
5.7.1 实现【任务5-1 158
5.7.2 实现【任务5-2】 161
本章总结 164
小结 164
Q ＆A 165
章节练习 165
习题 165
上机 167
第6章 JavaScript语言基础 169
任务驱动 169
学习路线 169
本章目标 170
6.1 JavaScript简介 170
6.1.1 JavaScript发展史 170
6.1.2 JavaScript特点及规范 171
6.2 JavaScript使用形式 171
6.3 基本语法 173
6.3.1 标识符 173
6.3.2 关键字 173
6.3.3 数据类型 174
6.3.4 变量 174
6.3.5 注释 177
6.4 运算符 178
6.4.1 赋值运算符 178
6.4.2 算术运算符 178
6.4.3 比较运算符 179
6.4.4 逻辑运算符 180
6.4.5 三元运算符 181
6.5 流程控制 182
6.5.1 分支结构 182
6.5.2 循环结构 184
6.5.3 转移语句 189
6.5.4 with语句 191
6.6 函数 192
6.6.1 预定义函数 192
6.6.2 自定义函数 195
6.7 贯穿任务实现 199
6.7.1 实现【任务6-1】 199
6.7.2 实现【任务6-2】 200
本章总结 201
小结 201
Q&A 202
章节练习 202
习题 202
上机 203
第7章 JavaScript对象 205
任务驱动 205
学习路线 205
本章目标 205
7.1 JavaScript对象 206
7.2 Array数组对象 206
7.2.1 数组对象的创建 206
7.2.2 数组对象的属性 207
7.2.3 数组对象的常用方法 208
7.2.4 二维数组 212
7.3 String字符串对象 213
7.3.1 字符串的创建 213
7.3.2 字符串对象的常用方法 215
7.4 Date日期对象 220
7.4.1 Date对象的创建 220
7.4.2 Date对象的常用方法 221
7.5 Math数学对象 224
7.5.1 Math对象的属性 224
7.5.2 Math对象的方法 225
7.6 RegExp正则表达式对象 227
7.6.1 RegExp对象的创建 227
7.6.2 RegExp对象的方法 229
7.6.3 String与RegExp 231
7.7 自定义对象 233
7.7.1 原始方式 233
7.7.2 构造函数方式 234
7.7.3 原型方式 235
7.7.4 混合方式 237
7.7.5 JSON方式 238
7.8 贯穿任务实现 241
7.8.1 实现【任务7-1】 241
7.8.2 实现【任务7-2】 243
本章总结 245
小结 245
Q&A 246
章节练习 246
习题 246
上机 247
第8章 BOM与DOM编程 248
任务驱动 248
学习路线 248
本章目标 249
8.1 BOM和DOM模型 249
8.1.1 BOM模型 249
8.1.2 DOM模型 250
8.1.3 事件机制 250
8.2 window对象 251
8.2.1 window对象的属性 251
8.2.2 window对象的方法 253
8.3 location对象 258
8.4 history对象 259
8.5 navigator对象 260
8.6 document对象 262
8.6.1 document对象的属性 262
8.6.2 document对象的方法 265
8.7 Form对象 268
8.8 Table对象 271
8.9 DOM节点 274
8.10 事件处理 278
8.10.1 事件流和事件对象 278
8.10.2 鼠标事件 279
8.10.3 键盘事件 281
8.10.4 文档事件 284
8.10.5 表单及表单元素事件 286
8.11 贯穿任务实现 288
8.11.1 实现【任务8-1】 288
8.11.2 实现【任务8-2】 290
8.11.3 实现【任务8-3】 293
本章总结 296
小结 296
Q&A 296
章节练习 297
习题 297
上机 298
第9章 HTML 5基础 299
任务驱动 299
学习路线 299
本章目标 299
9.1 HTML 5概述 300
9.1.1 HTML 5发展史 300
9.1.2 HTML 5优势 300
9.2 HTML 5语法特征 301
9.2.1 HTML 5标记方式 301
9.2.2 HTML 5语法差异 302
9.3 HT ML 5文档结构 304
9.3.1 HTML 5文档结构元素 305
9.3.2 HTML 5其他标签 309
9.3.3 HTML 5拖放API 311
9.4 HTML 5表单元素 315
9.4.1 HTML 5表单属性 315
9.4.2 新增的input标签 320
9.4.3 自定义表单验证 323
9.5 贯穿任务实现 325
9.5.1 实现【任务9-1】 325
9.5.2 实现【任务9-2】 327
9.5.3 实现【任务9-3】 336
本章总结 339
小结 339
Q&A 340
章节练习 340
习题 340
上机 341
第10章 HTML 5进阶 343
任务驱动 343
学习路线 343
本章目标 343
10.1 Canvas绘图 344
10.1.1 ＜ canvas＞标签 344
10.1.2 CanvasRenderingContext2D对象 345
10.1.3 绘制图形 347
10.1.4 绘制图像 348
10.1.5 绘制文字 354
10.1.6 绘制路径 356
10.1.7 绘制圆弧 358
10.1.8 绘制渐变图形 361
10.1.9 图形坐标变换 364
10.2 多媒体播放 367
10.2.1 HTML 5的多媒体支持 368
10.2.2 HTML 5多媒体API 370
10.3 Web存储 372
10.3.1 Storage接口 373
10.3.2 Session Storage 373
10.3.3 Local Storage 375
10.4 本地数据库 377
10.4.1 SQLite数据库 377
10.4.2 IndexedDB数据库 381
10.5 Web Worker 388
10.5.1 Worker基本应用 389
10.5.2 Worker线程嵌套 391
10.6 贯穿任务实现 393
10.6.1 实现【任务10-1】 393
10.6.2 实现【任务10-2】 396
10.6.3 实现【任务10-3】 400
本章总结 404
小结 404
Q&A 405
章节练习 406
习题 406
上机 406
第11章 jQuery基础 408
任务驱动 408
学习路线 408
本章目标 408
11.1 j Query概述 409
11.1.1 jQuery优势 409
11.1.2 搭建jQuery开发环境 409
11.1.3 DOM对象和jQuery对象 411
11.2 jQuery选择器 412
11.2.1 基本选择器 412
11.2.2 层次选择器 413
11.2.3 过滤选择器 415
11.2.4 表单选择器 424
11.3 jQuery基本操作 426
11.3.1 属性操作 426
11.3.2 样式操作 430
11.3.3 内容操作 434
11.4 jQuery事件处理 439
11.4.1 页面加载事件 439
11.4.2 事件绑定 440
11.4.3 解除事件绑定 448
11.4.4 事件对象 450
11.5 贯穿任务实现 453
11.5.1 实现【任务11-1】 453
11.5.2 实现【任务11-2】 456
11.5.3 实现【任务11-3】 460
本章总结 460
小结 460
Q&A 461
章节练习 461
习题 461
上机 463
第12章 jQuery进阶 464
任务驱动 464
学习路线 464
本章目标 464
12.1 jQuery文档处理 465
12.1.1 创建节点 465
12.1.2 插入节点 466
12.1.3 复制节点 472
12.1.4 删除节点 475
12.1.5 包裹节点 477
12.2 遍历节点 480
12.2.1 祖先遍历 480
12.2.2 后代遍历 483
12.2.3 同胞遍历 486
12.2.4 节点过滤 488
12.3 jQuery动画效果 490
12.4 数组和对象操作 500
12.5 jQuery插件 504
12.5.1 插件的基本原理 505
12.5.2 表格插件的实现 508
12.5.3 图表插件的实现 512
12.6 贯穿任务实现 516
12.6.1 实现【任务12-1 516
12.6.2 实现【任务12-2】 519
12.6.3 实现【任务12-3】 522
本章总结 524
小结 524
Q&A 525
章节练习 525
习题 525
上机 526
附录A HTML 5新增和弃用标签 527
A.1 HTML 5新增的标签 527
A.2 HTML 5弃用标签 528
附录B HTML 5浏览器支持情况 529
附录C JSON语法 532
C.1 JSON简介 532
C.2 JSON基本结构 532
C.3 J SON复杂结构 533
C.4 JSON解析方法 534
附录D常用的校验正则表达式 536
附录E IE11开发人员工具 537
E.1开发人员工具简介 537
E.2使用F12工具 537