目    录 

第1章　概述  1

1.1  Web概述  1

1.1.1  Web的起源  1

1.1.2  Web的特点  2

1.1.3  Web的工作原理  3

1.1.4  Web的相关概念  4

1.2  Web前端开发技术  5

1.2.1  HTML  6

1.2.2  CSS  7

1.2.3  JavaScript  7

1.2.4  AJAX  7

1.2.5  jQuery  8

1.3  Web前端开发工具  8

1.3.1  Visual Studio Code  8

1.3.2  HBuilder X  9

1.3.3  WebStorm  9

1.4  浏览器工具  10

1.4.1  Microsoft Edge  10

1.4.2  Google Chrome  11

1.4.3  Safari  12

1.5  习题  12

第2章　HTML基础  14

2.1  HTML基本结构  14

2.2  头部head  15

2.2.1  标题title标签  15

2.2.2  元信息meta标签  15

2.3  主体body  17

2.3.1  body标签  17

2.3.2  body标签的属性  18

2.4  HTML基本语法  19

2.4.1  标签的类型  19

2.4.2  HTML属性  19

2.5  注释  21

2.6  HTML文档编写规范  21

2.6.1  HTML代码书写规范  21

2.6.2  HTML文档的命名规则  22

2.7  HTML文档的类型  22

2.7.1  !doctype标签  22

2.7.2  HTML5的DTD定义  23

2.8  综合案例  23

2.9  习题  25

第3章　HTML格式化文本、段落和图像  26

3.1  Web页面初步设计  26

3.1.1  向Web页面中添加文字信息  26

3.1.2  标题字标签  26

3.1.3  添加空格与特殊符号  27

3.2  格式化文本标签  28

3.2.1  文本修饰标签  28

3.2.2  字体标签  29

3.3  段落与排版标签  30

3.3.1  段落标签  30

3.3.2  换行标签  31

3.3.3  水平分隔线标签  31

3.3.4  段落缩进标签  31

3.3.5  预格式化标签  32

3.4  图像  33

3.4.1  插入图像  33

3.4.2  设置图像的替代文本  33

3.4.3  设置图像的高度和宽度  34

3.4.4  设置图像的边框  34

3.4.5  设置图像的对齐方式  35

3.4.6  设置图像的间距  35

3.5  综合案例  37

3.6  习题  38

第4章　HTML超链接与框架  39

4.1  超链接概述  39

4.2  超链接的语法、路径及分类  40

4.2.1  超链接的语法  40

4.2.2  超链接的路径  41

4.2.3  超链接的分类  42

4.3  超链接的应用  44

4.3.1  创建HTTP文档下载超链接  44

4.3.2  创建FTP站点访问超链接  44

4.3.3  创建图像超链接  44

4.3.4  创建电子邮件超链接  44

4.3.5  创建页面书签链接  46

4.4  HTML框架  48

4.4.1  框架标签  48

4.4.2  内联框架  49

4.5  综合案例  50

4.6  习题  52

第5章　HTML列表  53

5.1  列表简介  53

5.2  无序列表  53

5.3  有序列表  56

5.4  列表嵌套  58

5.5  自定义列表  59

5.6  综合案例  61

5.7  习题  63

第6章　HTML表格  65

6.1  表格概述  65

6.2  表格标签  66

6.3  表格属性设置  68

6.3.1  表格属性  69

6.3.2  表格边框样式属性  71

6.3.3  表格的单元格间距、单元格边距属性  73

6.3.4  表格的水平对齐属性  74

6.4  设置表格行的属性  76

6.5  设置单元格的属性  78

6.6  表格的嵌套  79

6.7  综合案例  81

6.8  习题  85

第7章　HTML表单  87

7.1  表单概述  87

7.2  定义域和域标题  89

7.3  表单信息的输入  90

7.3.1  单行文本输入框、密码文本框  91

7.3.2  复选框与单选按钮  92

7.3.3  图像按钮  93

7.3.4  提交按钮、重置按钮和普通按钮  94

7.3.5  文件选择框及隐藏框  95

7.4  多行文本输入框  97

7.5  下拉列表框  98

7.6  综合案例  100

7.7  习题  103

第8章　CSS基础知识  105

8.1  CSS简介  105

8.1.1  CSS的基本概念  105

8.1.2  传统HTML的缺点  105

8.1.3  CSS的特点  105

8.1.4  CSS的优势  105

8.1.5  CSS的使用方式  106

8.2  使用CSS控制Web页面  106

8.2.1  CSS基本语法  106

8.2.2  CSS选择器类型  107

8.2.3  CSS选择器声明  110

8.2.4  CSS定义与引用  111

8.3  CSS继承与层叠  114

8.4  CSS3新特性  115

8.5  综合案例  123

8.6  习题  127

第9章　DIV与SPAN  129

9.1  DIV图层  129

9.1.1  DIV定义  129

9.1.2  DIV应用  130

9.2  图层嵌套与层叠  131

9.2.1  DIV嵌套  131

9.2.2  DIV层叠  133

9.3  span标签  134

9.4  综合案例  136

9.5  习题  138

第10章　CSS样式属性  140

10.1  CSS属性值中的单位  140

10.1.1  绝对单位  140

10.1.2  相对单位  141

10.2  CSS字体样式  143

10.2.1  font-size属性  143

10.2.2  font-style属性  146

10.2.3  font-family属性  147

10.2.4  font-variant属性  149

10.2.5  font-weight属性  149

10.2.6  font属性  149

10.3  CSS文本样式  150

10.3.1  行距、首行缩进与字符间距属性  150

10.3.2  字符装饰、英文大小写转换属性  151

10.3.3  水平对齐、垂直对齐属性  153

10.4  CSS颜色与背景  154

10.4.1  color属性  154

10.4.2  background属性  156

10.5  CSS列表样式  158

10.6  CSS盒模型  160

10.6.1  CSS盒模型结构  160

10.6.2  边界属性设置  162

10.6.3  边框属性设置  164

10.6.4  填充属性设置  166

10.7  综合案例  169

10.8  习题  174

第11章　DIV+CSS页面布局  176

11.1  页面布局设计  176

11.1.1  “三行模式”和“三列模式”  176

11.1.2  “三行二列模式”和“三行三列模式”  180

11.2  导航菜单设计  185

11.2.1  对象的显示与隐藏  185

11.2.2  一级水平导航菜单  187

11.2.3  二级水平导航菜单  188

11.3  综合案例  191

11.4  习题  193

第12章　HTML5基础  195

12.1  HTML5概述  195

12.2  HTML5文档结构  195

12.2.1  HTML5页面结构  195

12.2.2  HTML5新增的结构元素  198

12.3  HTML5表单  198

12.3.1  HTML5新增的表单属性  198

12.3.2  HTML5新增的表单元素  199

12.3.3  HTML5新增的input类型元素  200

12.4  HTML5视频与音频  201

12.4.1  video标签及属性  202

12.4.2  audio标签及属性  203

12.5  综合案例  204

12.6  习题  205

第13章　JavaScript基础  207

13.1  JavaScript概述  207

13.1.1  JavaScript简介  207

13.1.2  第一个JavaScript程序  208

13.1.3  JavaScript放置的位置  209

13.2  JavaScript基本语法规则  210

13.2.1  JavaScript语句  210

13.2.2  JavaScript语句块  211

13.2.3  JavaScript注释  211

13.3  标识符和变量  212

13.3.1  命名规范  212

13.3.2  数据类型  212

13.3.3  变量  214

13.3.4  常量  216

13.3.5  转义字符  216

13.4  运算符和表达式  217

13.4.1  算术运算符和表达式  217

13.4.2  关系运算符和表达式  218

13.4.3  逻辑运算符和表达式  219

13.4.4  赋值运算符和表达式  221

13.4.5  位运算符和表达式  222

13.4.6  条件运算符和表达式  224

13.4.7  其他运算符和表达式  225

13.5  JavaScript程序控制结构  226

13.5.1  顺序结构  226

13.5.2  分支结构  226

13.5.3  循环结构  229

13.6  JavaScript函数  232

13.6.1  常用系统函数  232

13.6.2  自定义函数  234

13.6.3  带参数返回的return语句  235

13.6.4  函数变量的作用域  237

13.7  综合案例  238

13.8  习题  240

第14章　JavaScript事件概述  242

14.1  JavaScript事件概述  242

14.1.1  事件类型  242

14.1.2  事件句柄  242

14.1.3  事件处理  243

14.1.4  事件处理程序的返回值  249

14.2  表单事件  251

14.2.1  获得焦点与失去焦点事件  251

14.2.2  提交及重置事件  256

14.2.3  改变及选择事件  258

14.3  鼠标事件  260

14.3.1  鼠标单击和双击事件  260

14.3.2  鼠标移动相关事件  263

14.4  键盘事件  265

14.5  窗口事件  267

14.6  综合案例  270

14.7  习题  273

第15章　JavaScript对象简介  275

15.1  JavaScript对象概述  275

15.2  JavaScript常用基本对象  276

15.2.1  String对象  276

15.2.2  Number对象  278

15.2.3  Boolean对象  280

15.2.4  Array对象  281

15.2.5  Math对象  284

15.2.6  Object对象  286

15.2.7  Date对象  287

15.3  DOM对象  289

15.3.1  DOM对象简介  289

15.3.2  DOM节点树  290

15.3.3  DOM节点  290

15.3.4  DOM节点的访问  292

15.3.5  DOM节点操作  296

15.4  BOM对象  302

15.4.1  BOM对象简介  302

15.4.2  window对象  303

15.4.3  navigator对象  305

15.4.4  screen对象  307

15.4.5  history对象  309

15.4.6  location对象  310

15.5  综合案例  312

15.6  习题  319