HTML CSS JavaScript基础教程：Web前端开发精品课

　　本书紧密围绕网页设计师在制作网页过程中的实际需要和应该掌握的技术，全面介绍了如何使用HTML、CSS、JavaScrip 以及前端框架进行网站建设和网页设计。从“内功”到“招式”，全书贯穿了不同行业的多种实例，各实例均经过精心设计，操作步骤清晰简明，技术分析深入浅出，能够帮助读者沉浸在真实的开发状态中。这样，无论以后是面对公司的面试，还是真实的工作需求，读者都能够跨过“所学”与“所用”之间的鸿沟。此外，本书还精心配备了PPT 电子课件，便于老师课堂教学和学生把握知识要点。

　　莫振杰，绿叶学习网（http：//www.lvyestudy.com）站长，利用该网站用于分享自己在前后端开发中的一些经验，并且制作相关前后端开发的在线教程。这些在线教程在互联网引起广泛关注，极大受到网友推崇。本人编写过大量原创在线教程和《Web前端开发精品课》系列图书，广受网友称赞与推崇。 《Web前端开发精品课——HTML与CSS基础教程》 《Web前端开发精品课——HTML与CSS进阶教程》 《Web前端开发精品课——JavaScript基础教程》 《Web前端开发精品课——HTML5 Canvas开发详解》

第一部分　HTML基础
第01章　HTML简介
1．1　前端技术简介 \t2
1．1．1　从“网页制作”到“前端开发” \t2
1．1．2　从“前端开发”到“后端开发” \t3
1．1．3　学习路线 \t5
1．2　什么是HTML \t5
1．3　教程介绍 \t6
1．3．1　教程简介 \t6
1．3．2　初学者比较关心的问题\t7
第02章　开发工具
2．1　开发工具 \t8
2．2　使用Hbuilder \t9
第03章　基本标签
3．1　HTML结构 \t11
3．2　head标签 \t12
3．2．1　title标签 \t13
3．2．2　meta标签 \t13
3．2．3　style标签 \t15
3．2．4　script标签 \t15
3．2．5　link标签 \t16
3．2．6　base标签 \t16
3．3　body标签 \t16
3．4　HTML注释 \t17
3．5　练习题 \t18
第04章　文本
4．1　文本简介 \t19
4．1．1　页面组成元素 \t19
4．1．2　HTML文本 \t20
4．2　标题标签 \t21
4．3　段落标签 \t22
4．3．1　段落标签： \t22
4．3．2　换行标签：
\t23
4．4　文本标签 \t25
4．4．1　粗体标签 \t25
4．4．2　斜体标签 \t26
4．4．3　上标标签 \t26
4．4．4　下标标签 \t27
4．4．5　中划线标签 \t27
4．4．6　下划线标签 \t28
4．4．7　大字号标签和小字号标签 \t28
4．5　水平线标签 \t29
4．6　div标签 \t30
4．7　自闭合标签 \t31
4．8　块元素和行内元素 \t32
4．8．1　块元素 \t33
4．8．2　行内元素 \t34
4．9　特殊符号 \t35
4．9．1　网页中的“空格” \t35
4．9．2　网页中的“特殊符号” \t36
4．10　练习题 \t38
第05章　列表
5．1　列表简介 \t39
5．2　有序列表 \t40
5．2．1　有序列表简介 \t40
5．2．2　type属性 \t41
5．3　无序列表 \t42
5．3．1　无序列表简介 \t42
5．3．2　type属性 \t43
5．3．3　深入无序列表 \t44
5．4　定义列表 \t46
5．5　HTML语义化 \t47
5．6　练习题 \t48
第06章　表格
6．1　表格简介 \t49
6．2　基本结构 \t49
6．3　完整结构 \t51
6．3．1　表格标题：caption \t51
6．3．2　表头单元格：th \t52
6．4　语义化 \t54
6．5　合并行：rowspan \t56
6．6　合并列：colspan \t57
6．7　练习题 \t58
第07章　图片
7．1　图片标签 \t59
7．1．1　src属性 \t59
7．1．2　alt属性和title属性 \t60
7．2　图片路径 \t62
7．2．1　page1．html引用图片 \t62
7．2．2　page2．html引用图片 \t63
7．3　图片格式 \t64
7．3．1　位图 \t64
7．3．2　矢量图 \t66
7．4　练习题 \t67
第08章　超链接
8．1　超链接简介 \t68
8．1．1　a标签 \t69
8．1．2　target属性 \t70
8．2　内部链接 \t70
8．3　锚点链接 \t72
8．4　练习题 \t74
第09章　表单
9．1　表单简介 \t75
9．1．1　表单是什么\t75
9．1．2　表单标签 \t76
9．2　form标签 \t76
9．2．1　form标签简介 \t76
9．2．2　form标签属性 \t77
9．3　input标签 \t78
9．4　单行文本框 \t79
9．4．1　单行文本框简介 \t79
9．4．2　单行文本框属性 \t79
9．5　密码文本框 \t81
9．5．1　密码文本框简介 \t81
9．5．2　密码文本框属性 \t82
9．6　单选框 \t83
9．6．1　单选框简介 \t83
9．6．2　忽略点 \t84
9．7　复选框 \t86
9．8　按钮 \t87
9．8．1　普通按钮button \t88
9．8．2　提交按钮submit \t89
9．8．3　重置按钮reset \t89
9．8．4　button标签 \t91
9．9　文件上传 \t91
9．10　多行文本框 \t92
9．11　下拉列表 \t93
9．11．1　下拉列表简介 \t93
9．11．2　select标签属性 \t94
9．11．3　option标签属性 \t95
9．12　练习题 \t97
第10章 　框架
10．1　iframe标签 \t99
10．2　练习题 \t100
第二部分　CSS基础
第11章　CSS简介
11．1　CSS简介 \t102
11．1．1　CSS是什么 \t102
11．1．2　CSS和CSS3 \t102
11．2　教程简介 \t103
11．3　CSS引入方式 \t103
11．3．1　外部样式表 \t103
11．3．2　内部样式表 \t104
11．3．3　行内样式表 \t105
11．4　练习题 \t106
第12章　CSS选择器
12．1　元素的id和class \t107
12．1．1　id属性 \t107
12．1．2　class属性 \t108
12．2　选择器是什么 \t108
12．3　CSS选择器 \t109
12．3．1　元素选择器 \t110
12．3．2　id选择器 \t110
12．3．3　class选择器 \t111
12．3．4　后代选择器 \t113
12．3．5　群组选择器 \t114
12．4　练习题 \t116
第13章　字体样式
13．1　字体样式简介 \t118
13．2　字体类型（font-family）\t119
13．3　字体大小（font-size）\t120
13．3．1　px是什么 \t120
13．3．2　采用px为单位 \t121
13．4　字体粗细（font-weight）\t122
13．5　字体风格（font-style）\t123
13．6　字体颜色（color）\t125
13．6．1　关键字 \t125
13．6．2　16进制RGB值 \t125
13．7　CSS注释 \t126
13．8　练习题 \t128
第14章　文本样式
14．1　文本样式简介 \t129
14．2　首行缩进（text-indent）\t129
14．3　水平对齐（text-align）\t130
14．4　文本修饰（text-decoration）\t131
14．4．1　text-decoration属性 \t131
14．4．2　三种划线的用途分析 \t133
14．5　大小写（text-transform）\t134
14．6　行高（line-height）\t135
14．7　间距（letter-spacing和word-spacing）\t136
14．7．1　字间距 \t136
14．7．2　词间距 \t136
14．8　练习题 \t137
第15章　边框样式
15．1　边框样式简介 \t139
15．2　整体样式 \t140
15．2．1　边框属性 \t140
15．2．2　简写形式 \t142
15．3　局部样式 \t142
15．4　练习题 \t145
第16章　列表样式
16．1　列表项符号（list-style-type）\t146
16．1．1　定义列表项符号 \t146
16．1．2　去除列表项符号 \t148
16．2　列表项图片（list-style-image）\t149
16．3　练习题 \t150
第17章　表格样式
17．1　表格标题位置（caption-side）\t151
17．2　表格边框合并（border-collapse）\t152
17．3　表格边框间距（border-spacing）\t154
17．4　练习题 \t155
第18章　图片样式
18．1　图片大小 \t156
18．2　图片边框 \t157
18．3　图片对齐 \t158
18．3．1　水平对齐 \t158
18．3．2　垂直对齐 \t159
18．4　文字环绕——初识float \t162
18．5　练习题 \t163
第19章　背景样式
19．1　背景样式简介 \t164
19．2　背景颜色（background-color）\t164
19．3　背景图片样式（background-image）\t166
19．4　背景图片重复（background-repeat）\t167
19．5　背景图片位置（background-position）\t169
19．5．1　像素值 \t169
19．5．2　关键字 \t170
19．6　背景图片固定（background-attachment）\t172
19．7　练习题 \t173
第20章　超链接样式
20．1　超链接伪类 \t174
20．1．1　超链接伪类简介 \t174
20．1．2　深入了解超链接伪类 \t175
20．2　深入了解：hover \t177
20．3　鼠标样式 \t178
20．3．1　浏览器鼠标样式 \t178
20．3．2　自定义鼠标样式 \t180
20．4　练习题 \t181
第21章　盒子模型
21．1　CSS盒子模型 \t182
21．2　宽和高（width和height）\t184
21．3　边框（border）\t187
21．4　内边距（padding）\t188
21．4．1　padding局部样式 \t188
21．4．2　padding简写形式 \t189
21．5　外边距（margin）\t191
21．5．1　margin局部样式\t191
21．5．2　margin简写形式 \t194
21．5．3　浏览器审查元素 \t195
21．6　练习题 \t196
第22章　浮动布局
22．1　文档流简介 \t197
22．1．1　正常文档流 \t197
22．1．2　脱离文档流 \t198
22．2　浮动 \t200
22．3　清除浮动 \t202
22．4　练习题 \t204
第23章　定位布局
23．1　定位布局简介 \t205
23．2　固定定位：fixed \t206
23．3　相对定位：relative \t207
23．4　绝对定位：absolute \t209
23．5　静态定位：static \t211
23．6　练习题 \t211
第三部分　JavaScript基础
第24章　JavaScript简介
24．1　JavaScript是什么\t214
24．1．1　JavaScript简介 \t214
24．1．2　教程介绍 \t215
24．2　JavaScript开发工具 \t216
24．3　JavaScript引入方式 \t217
24．3．1　外部JavaScript \t218
24．3．2　内部JavaScript \t219
24．3．3　元素属性JavaScript \t220
24．4　一个简单的JavaScript程序 \t221
24．5　练习题 \t222
第25章　语法基础
25．1　语法简介 \t223
25．2　变量与常量 \t224
25．2．1　变量 \t225
25．2．2　常量 \t229
25．3　数据类型 \t229
25．3．1　数字 \t229
25．3．2　字符串 \t230
25．3．3　布尔值 \t232
25．3．4　未定义值 \t233
25．3．5　空值 \t234
25．4　运算符 \t234
25．4．1　算术运算符 \t235
25．4．2　赋值运算符 \t239
25．4．3　比较运算符 \t240
25．4．4　逻辑运算符 \t241
25．4．5　条件运算符 \t244
25．5　表达式与语句 \t245
25．6　类型转换 \t245
25．6．1　“字符串”转换为“数字” \t245
25．6．2　“数字”转换为“字符串” \t248
25．7　转义字符 \t249
25．8　注释 \t251
25．8．1　单行注释 \t251
25．8．2　多行注释 \t252
25．9　练习题 \t253
第26章　流程控制
26．1　流程控制简介 \t255
26．1．1　顺序结构 \t255
26．1．2　选择结构 \t256
26．1．3　循环结构 \t257
26．2　选择结构：if \t257
26．2．1　单向选择：if… \t257
26．2．2　双向选择：if…else… \t259
26．2．3　多向选择：if…else if…else… \t260
26．2．4　if语句的嵌套 \t262
26．3　选择结构：switch \t264
26．4　循环结构：while \t267
26．5　循环结构：do…while \t270
26．6　循环结构：for \t271
26．7　判断整数或小数 \t274
26．8　找出“水仙花数” \t275
26．9　练习题 \t276
第27章　初识函数
27．1　函数是什么？ \t278
27．2　函数的定义 \t280
27．2．1　没有返回值的函数 \t280
27．2．2　有返回值的函数 \t282
27．2．3　全局变量与局部变量 \t283
27．3　函数的调用 \t285
27．3．1　直接调用 \t286
27．3．2　在表达式中调用 \t286
27．3．3　在超链接中调用 \t287
27．3．4　在事件中调用 \t288
27．4　嵌套函数 \t289
27．5　内置函数 \t290
27．6　判断某一年是否闰年 \t291
27．7　求出任意五个数最大值 \t292
27．8　练习题 \t292
第28章　字符串对象
28．1　内置对象简介 \t294
28．2　获取字符串长度 \t295
28．3　大小写转换 \t296
28．4　获取某一个字符 \t297
28．5　截取字符串 \t298
28．6　替换字符串 \t300
28．7　分割字符串 \t302
28．8　检索字符串的位置 \t304
28．9　统计某一个字符的个数 \t306
28．10　统计字符串中有多少个数字\t307
28．11　练习题 \t308
第29章　数组对象
29．1　数组是什么 \t309
29．2　数组的创建 \t310
29．3　数组的获取 \t310
29．4　数组的赋值 \t311
29．5　获取数组长度 \t312
29．6　截取数组某部分 \t315
29．7　为数组添加元素 \t316
29．7．1　在数组开头添加元素：unshift() \t316
29．7．2　在数组结尾添加元素：push() \t318
29．8　删除数组元素 \t319
29．8．1　删除数组中第一个元素：shift() \t319
29．8．2　删除数组最后一个元素：pop() \t320
29．9　数组大小比较 ：sort()\t322
29．10　数组颠倒顺序：reverse()\t323
29．11　将数组元素连接成字符串：join()\t323
29．12　数组与字符串的转换操作 \t326
29．13　计算面积与体积，返回一个数组 \t326
29．14　练习题 \t327
第30章　时间对象
30．1　日期对象简介 \t329
30．2　操作年、月、日 \t331
30．2．1　获取年、月、日 \t331
30．2．2　设置年、月、日 \t333
30．3　操作时、分、秒 \t334
30．3．1　获取时、分、秒 \t334
30．3．2　设置时、分、秒 \t335
30．4　获取星期几 \t336
30．5　练习题 \t338
第31章　数学对象
31．1　数学对象简介 \t339
31．2　Math对象的属性 \t339
31．3　Math对象的方法 \t341
31．4　最大值与最小值 \t341
31．5　取整运算 \t342
31．5．1　向下取整：floor() \t342
31．5．2　向上取整：ceil() \t343
31．6　三角函数 \t344
31．7　生成随机数 \t346
31．7．1　随机生成某个范围内的“任意数” \t346
31．7．2　随机数生成某个范围内的“整数” \t347
31．8　生成随机验证码 \t347
31．9　生成随机颜色值 \t348
31．10　练习题 \t349
第32章　DOM基础
32．1　核心技术简介 \t350
32．2　DOM是什么 \t351
32．2．1　DOM对象 \t351
32．2．2　DOM结构 \t351
32．3　节点类型 \t352
32．4　获取元素 \t353
32．4．1　getElementById() \t353
32．4．2　getElementsByTagName \t355
32．4．3　getElementsByClassName() \t359
32．4．4　querySelector()和querySelectorAll() \t360
32．4．5　getElementsByName() \t363
32．4．6　document．title和document．body \t364
32．5　创建元素 \t365
32．6　插入元素 \t370
32．6．1　appendChild() \t370
32．6．2　insertBefore() \t372
32．7　删除元素 \t373
32．8　复制元素 \t376
32．9　替换元素 \t377
32．10　练习题 \t378
第33章　DOM进阶
33．1　HTML属性操作（对象属性） \t380
33．1．1　获取HTML属性值 \t380
33．1．2　设置HTML属性值 \t386
33．2　HTML属性操作（对象方法） \t388
33．2．1　getAttribute() \t388
33．2．2　setAttribute() \t390
33．2．3　removeAttribute() \t391
33．2．4　hasAttribute() \t393
33．3　CSS属性操作 \t394
33．3．1　获取CSS属性值 \t394
33．3．2　设置CSS属性值 \t396
33．3．3　最后一个问题 \t401
33．4　DOM遍历 \t404
33．4．1　查找父元素 \t404
33．4．2　查找子元素 \t406
33．4．3　查找兄弟元素 \t410
33．5　innerHTML和innerText \t411
33．6　练习题 \t414
第34章　 事件基础
34．1　事件是什么 \t415
34．2　事件调用方式 \t416
34．2．1　在script标签中调用 \t416
34．2．2　在元素中调用事件 \t417
34．3　鼠标事件 \t418
34．3．1　鼠标单击 \t419
34．3．2　鼠标移入和鼠标移出 \t421
34．3．3　鼠标按下和鼠标松开 \t422
34．4　键盘事件 \t423
34．5　表单事件 \t425
34．5．1　onfocus和onblur \t425
34．5．2　onselect \t427
34．5．3　onchange \t429
34．6　编辑事件 \t432
34．6．1　oncopy \t432
34．6．2　onselectstart \t433
34．6．3　oncontextmenu \t434
34．7　页面事件 \t435
34．7．1　onload \t435
34．7．2　onbeforeunload \t437
34．8　练习题 \t438
第35章　事件进阶
35．1　事件监听器 \t439
35．1．1　事件处理器 \t439
35．1．2　事件监听器 \t440
35．2　event对象 \t447
35．2．1　type \t448
35．2．2　keyCode \t448
35．3　this \t451
35．4　练习题 \t454
第36章　window对象
36．1　window对象简介 \t455
36．2　窗口操作 \t457
36．2．1　打开窗口 \t457
36．2．2　关闭窗口 \t462
36．3　对话框 \t464
36．3．1　alert() \t464
36．3．2　confirm() \t465
36．3．3　prompt() \t466
36．4　定时器 \t467
36．4．1　setTimeout()和clearTimeout() \t468
36．4．2　setInterval()和clearInterval() \t472
36．5　location对象 \t476
36．5．1　window．location．href \t476
36．5．2　window．location．search \t477
13．5．3　window．location．hash \t478
36．6　navigator对象 \t479
36．7　练习题 \t481
第37章　document对象
37．1　document对象简介 \t482
37．2　document对象属性 \t482
37．2．1　document．URL \t483
37．2．2　document．referrer \t484
37．3　document对象方法 \t484
37．3．1　document．write() \t485
37．3．2　document．writeln() \t485
37．4　练习题 \t487
后记