第1章　HTML简介 1
学习目标 1
学习内容 1
1.1　互联网 1
1.2　软件开发 1
1.3　HTML语言 2
1.4　HTML案例展示 3
1.5　HTML标记 4
1.6　HTML元素 5
1.7　HTML属性 5
1.8　开发软件安装使用说明 6
拓展作业 9
第2章　HTML图文标记 10
学习目标 10
学习内容 10
2.1　HTML标题 10
2.2　HTML段落与换行 11
2.3　HTML头部标记 13
2.4　HTML标记属性 14
2.5　HTML文本格式化 16
2.6　HTML实体字符 17
2.7　HTML图片 19
2.7.1　统一资源定位符（URL） 19
2.7.2　相对路径与绝对路径 20
2.7.3　图文对齐模式 21
2.7.4　图片整体居中 22
2.8　HTML超链接 23
2.8.1　图片超链接 25
2.8.2　超链接锚点 25
拓展作业 27
第3章　HTML表格元素 28
学习目标 28
学习内容 28
3.1　HTML表格标记 28
3.2　HTML表格属性 30
3.3　HTML表格制作计算器 33
3.4　HTML表格制作统计表格 35
3.5　HTML制作导航栏 39
3.6　HTML实现图文排版 41
拓展作业 46
第4章　HTML布局元素 48
学习目标 48
学习内容 48
4.1　HTML列表标记 48
4.1.1　无序列表 48
4.1.2　有序列表 50
4.1.3　自定义列表 52
4.1.4　列表嵌套 53
4.2　HTML区块内联元素 54
4.3　HTML表单标记 56
4.4　HTML音视频 60
拓展作业 62
第5章　CSS基础属性 64
学习目标 64
学习内容 64
5.1　CSS简介 64
5.2　CSS的3种引入方式 64
5.2.1　外部样式 65
5.2.2　内部样式 65
5.2.3　内联样式 66
5.2.4　多重样式的优先级 67
5.3　3种基本选择器 69
5.3.1　元素选择器 69
5.3.2　ID选择器 70
5.3.3　CLASS选择器 70
5.3.4　3种选择器的优先级 71
5.4　CSS尺寸属性 72
5.5　CSS背景属性 74
5.5.1　background-color属性 75
5.5.2　background-image属性 77
5.5.3　background-repeat属性 78
5.5.4　background-attachment属性 79
5.5.5　background-position属性 79
5.5.6　background-size属性 80
5.5.7　background属性 81
拓展作业 82
第6章　CSS文本属性 84
学习目标 84
学习内容 84
6.1　CSS文本属性 84
6.2　CSS字体属性 87
6.3　CSS单位类型 88
6.4　CSS超链接属性 91
拓展作业 94
第7章　CSS列表排版 95
学习目标 95
学习内容 95
7.1　CSS后代选择器 95
7.2　CSS列表属性 96
7.3　CSS显示类型 100
7.4　CSS显示隐藏 107
7.5　CSS下拉菜单 110
拓展作业 113
第8章　CSS表格属性 114
学习目标 114
学习内容 114
8.1　CSS表格标题属性 114
8.2　CSS表格边框 116
8.3　CSS表格文字对齐 119
8.4　CSS表格隔行色 121
拓展作业 124
第9章　CSS盒子模型 125
学习目标 125
学习内容 125
9.1　CSS盒子模型 125
9.2　CSS内边距 125
9.3　CSS边框 127
9.3.1　边框圆角属性 132
9.3.2　圆角制作椭圆和半圆 134
9.3.3　内边距及边框融合属性 135
9.4　CSS轮廓 138
9.5　CSS外边距 139
9.5.1　外边距调整元素位置 140
9.5.2　外边距合并 141
9.6　CSS盒子阴影 143
拓展作业 145
第10章　CSS定位布局 146
学习目标 146
学习内容 146
10.1　CSS浮动属性 146
10.1.1　CSS清除浮动 148
10.1.2　CSS浮动排版 149
10.2　CSS定位属性 153
10.2.1　相对定位 154
10.2.2　固定定位 155
10.2.3　绝对定位 156
10.2.4　元素重叠 158
10.2.5　绝对居中 159
拓展作业 161
第11章　CSS多元选择器 162
学习目标 162
学习内容 162
11.1　通用选择器 162
11.2　多条件选择器 163
11.3　后代选择器 164
11.4　直接子元素选择器 165
11.5　相邻兄弟选择器 166
11.6　后续兄弟选择器 167
11.7　伪类与伪元素选择器 168
11.8　属性选择器 171
拓展作业 173
第12章　CSS特效与动画 174
学习目标 174
学习内容 174
12.1　过渡 174
12.2　变换 176
12.3　动画 179
12.4　渐变 181
拓展作业 183
第13章　CSS弹性盒子 184
学习目标 184
学习内容 184
13.1　显示方向 184
13.2　自然换行 186
13.3　水平对齐 187
13.4　垂直对齐 189
13.5　子元素对齐 191
13.6　子元素自适应 192
拓展作业 194
第14章　JavaScript语法基础 195
学习目标 195
学习内容 195
14.1　引入方式 195
14.2　注释 197
14.3　变量 198
14.4　基本数据类型 198
14.5　运算符 199
拓展作业 204
第15章　JavaScript函数 205
学习目标 205
学习内容 205
15.1　函数 205
15.2　参数 206
15.3　返回值 207
15.4　函数作用域 208
15.5　嵌套函数和闭包 209
拓展作业 211
第16章　JavaScript语句 212
学习目标 212
学习内容 212
16.1　条件语句 212
16.1.1　if语句 212
16.1.2　else语句 213
16.1.3　else...if语句 214
16.2　开关语句 215
16.3　循环语句 217
16.3.1　while循环 217
16.3.2　do...while循环 218
16.3.3　for循环 218
16.4　break语句 219
16.4.1　循环中的break 219
16.4.2　label中的break 220
16.5　continue语句 221
16.5.1　循环中的continue 221
16.5.2　label中的continue 221
拓展作业 222
第17章　JavaScript数组 224
学习目标 224
学习内容 224
17.1　理解数组 224
17.2　创建数组 224
17.3　访问数组元素 226
17.4　数组遍历 227
17.5　参数数组 229
拓展作业 230
第18章　JavaScript数组内置函数 231
学习目标 231
学习内容 231
18.1　数组操作函数 231
18.1.1　concat（） 231
18.1.2　push（） 232
18.1.3　pop（） 232
18.1.4　shift（） 233
18.1.5　unshift（） 234
18.1.6　reverse（） 234
18.1.7　toReversed（） 235
18.1.8　sort（） 236
18.1.9　toSorted（） 236
18.1.10　slice（） 237
18.1.11　splice（） 238
18.1.12　toSpliced（） 239
18.1.13　includes（） 239
18.1.14　indexOf（） 240
18.1.15　join（） 241
18.2　数组遍历函数 242
18.2.1　forEach（） 242
18.2.2　map（） 243
18.2.3　every（） 243
18.2.4　some（） 244
18.2.5　filter（） 245
18.2.6　find（） 246
18.2.7　reduce（） 247
18.2.8　flat（） 249
拓展作业 250
第19章　JavaScript对象 251
学习目标 251
学习内容 251
19.1　理解对象 251
19.2　创建对象 252
19.3　类 254
19.3.1　构造函数 255
19.3.2　继承 256
19.3.3　私有属性 257
19.3.4　静态属性 258
拓展作业 259
第20章　JavaScript内置对象 260
学习目标 260
学习内容 260
20.1　Number对象 260
20.1.1　toExponential（） 260
20.1.2　toFixed（） 261
20.1.3　parseInt（） 262
20.1.4　parseFloat（） 263
20.2　Math对象 264
20.3　Date对象 266
20.4　RegExp对象 267
20.4.1　正则表达式 268
20.4.2　test（） 270
20.4.3　exec（） 270
20.5　String对象 271
20.5.1　search（） 271
20.5.2　match（） 272
20.5.3　matchAll（） 272
20.5.4　replace（） 273
20.5.5　startsWith（） 274
20.5.6　endsWith（） 275
20.5.7　slice（） 276
20.5.8　split（） 276
拓展作业 278
第21章　JavaScript BOM对象 279
学习目标 279
学习内容 279
21.1　screen对象 279
21.2　history对象 280
21.3　location对象 281
21.4　navigator对象 282
21.5　setTimeout（） 283
21.6　setInterval（） 284
拓展作业 285
第22章　JavaScript DOM对象 286
学习目标 286
学习内容 286
22.1　DOM节点 287
22.2　事件对象 288
拓展作业 291
第23章　综合案例 293
学习目标 293
学习内容 293
23.1　手机商城综合案例 293
23.2　电影频道综合案例 294
23.3　旅游出行App综合案例 295
参考文献 296