目 录

                                                    

第1章HTML5基础1

1.1HTML5概述1

1.1.1HTML5的发展史1

1.1.2HTML5支持的浏览器2

1.1.3HTML5的主要特性2

1.2Web前端开发工具3

1.3HTML5的文档结构5

1.3.1文档类型声明6

1.3.2html标记6

1.3.3head标记6

1.3.4body标记9

1.3.5注释10

1.4HTML5的基本语法11

1.4.1标记的类型11

1.4.2HTML5属性12

1.5HTML5语法的新变化13

本章小结14

习题15

第2章文本、图像、超链接和列表16

2.1文本控制标记16

2.1.1标题标记16

2.1.2段落标记17

2.1.3换行标记18

2.1.4水平线标记18

2.1.5文本格式化标记20

2.1.6字体标记21

2.1.7特殊字符替换代码22

2.1.8拼音注释标记23

2.1.9段落缩进标记24

2.1.10预格式化标记24

2.2图像标记25

2.2.1插入图像26

2.2.2设置图像的替换文本27

2.2.3设置图像的提示信息28

2.2.4设置图像的宽度和高度29

2.2.5设置图像的边框29

2.2.6设置图像的边距30

2.2.7设置图像的对齐方式30

2.3超链接标记31

2.3.1超链接语法32

2.3.2锚点链接33

2.3.3超链接的路径34

2.3.4浮动框架35

2.4列表37

2.4.1无序列表37

2.4.2有序列表38

2.4.3列表嵌套40

2.4.4定义列表42

本章小结43

习题44

第3章HTML5新增元素45

3.1结构元素45

3.1.1header标记45

3.1.2nav标记46

3.1.3article标记47

3.1.4section标记48

3.1.5aside标记49

3.1.6footer标记50

3.2分组元素51

3.2.1hgroup标记51

3.2.2figure标记和figcaption标记52

3.3网页交互元素53

3.3.1details标记和summary标记53

3.3.2progress标记54

3.3.3meter标记55

3.4文本层次语义元素56

3.4.1time标记56

3.4.2mark标记57

3.4.3cite标记57

本章小结58

习题58

第4章表格、表单、视频和音频60

4.1表格60

4.1.1创建表格60

4.1.2表格的属性设置62

4.1.3单元格的属性设置64

4.2表单65

4.2.1创建表单66

4.2.2定义域和域标题67

4.3输入元素及属性68

4.3.1单行文本输入框和密码输入框69

4.3.2单选按钮和复选框70

4.3.3提交按钮、重置按钮和普通按钮71

4.3.4图像按钮72

4.3.5文件选择框和隐藏框73

4.3.6日期的时间选择器74

4.3.7电子邮件地址输入域75

4.3.8URL地址输入域75

4.3.9电话号码输入域76

4.3.10搜索输入域76

4.3.11颜色输入域76

4.3.12数值输入域76

4.3.13指定范围的数值输入域77

4.4其他表单元素78

4.4.1多行文本输入框78

4.4.2下拉菜单78

4.4.3下拉列表框81

4.4.4密钥对生成器82

4.4.5输出元素83

4.5视频和音频83

4.5.1video标记及属性84

4.5.2audio标记及属性85

本章小结86

习题86

第5章CSS基础88

5.1CSS概述88

5.1.1CSS的基本概念88

5.1.2CSS的优势88

5.1.3CSS的编辑方法89

5.2CSS核心知识89

5.2.1CSS基本语法89

5.2.2引入CSS样式90

5.2.3CSS选择器类型93

5.3CSS的层叠性和继承性99

5.3.1层叠性99

5.3.2继承性100

5.4CSS字体、文本与段落属性101

5.4.1字体属性101

5.4.2文本属性104

5.4.3段落属性109

本章小结115

习题115

第6章CSS3选择器117

6.1属性选择器117

6.1.1E［attribute］属性选择器117

6.1.2E［attribute=value］属性选择器118

6.1.3E［attribute～=value］属性选择器119

6.1.4E［attribute|=value］属性选择器120

6.1.5E［attribute^=value］属性选择器120

6.1.6E［attribute$=value］属性选择器121

6.1.7E［attribute=value］属性选择器122

6.2关系选择器123

6.2.1子代选择器123

6.2.2兄弟选择器123

6.3结构化伪类选择器126

6.3.1:root选择器126

6.3.2:not选择器126

6.3.3:onlychild选择器127

6.3.4:firstchild选择器和:lastchild选择器128

6.3.5:nthchild(n)选择器和:nthlastchild(n)选择器129

6.3.6:nthoftype(n)选择器和:nthlastoftype(n)选择器130

6.3.7:empty选择器131

6.3.8:target选择器132

6.4伪元素选择器133

6.4.1:before伪元素选择器134

6.4.2:after伪元素选择器135

6.5链接伪类136

本章小结137

习题137

第7章盒子模型139

7.1CSS盒子模型结构139

7.2盒子的相关属性140

7.2.1外边距属性140

7.2.2边框属性142

7.2.3内边距属性151

7.2.4盒子的宽和高151

7.3背景的相关属性153

7.3.1设置背景颜色153

7.3.2设置背景图片154

7.3.3设置背景图片重复154

7.3.4设置背景图片位置155

7.3.5设置背景图片固定157

7.3.6设置背景图片大小158

7.3.7设置背景图片显示区域159

7.3.8设置背景图片裁剪区域160

7.3.9设置背景复合属性161

本章小结163

习题163

第8章DIV+CSS布局165

8.1DIV图层165

8.2布局的常用属性167

8.2.1浮动属性167

8.2.2清除浮动的影响169

8.2.3overflow属性175

8.2.4元素的定位177

8.2.5层叠等级属性182

8.3网页布局设计183

8.3.1三行模式184

8.3.2三列模式185

8.3.3三行三列模式187

本章小结189

习题189

第9章CSS3高级应用191

9.1CSS3过渡属性191

9.1.1transitionproperty属性191

9.1.2transitionduration属性192

9.1.3transitiontimingfunction属性193

9.1.4transitiondelay属性195

9.1.5transition属性综合设置196

9.2CSS3变换属性196

9.2.1二维变换196

9.2.2三维变换200

9.3CSS3动画属性202

9.3.1@keyframes功能203

9.3.2animationname属性203

9.3.3animationduration属性203

9.3.4animationtimingfunction属性204

9.3.5animationdelay属性204

9.3.6animationiterationcount属性204

9.3.7animationdirection属性204

9.3.8animation属性综合设置205

本章小结207

习题207

第10章JavaScript基础209

10.1JavaScript概述209

10.1.1JavaScript的特点209

10.1.2第一个JavaScript程序210

10.1.3在HTML5中使用JavaScript代码211

10.2JavaScript程序214

10.2.1语句和语句块214

10.2.2消息框214

10.2.3注释217

10.3变量和数据类型217

10.3.1变量218

10.3.2数据类型219

10.4运算符和表达式221

10.4.1算术运算符和算术表达式221

10.4.2赋值运算符和赋值表达式222

10.4.3关系运算符和关系表达式222

10.4.4位运算符和位表达式223

10.4.5逻辑运算符和逻辑表达式224

10.4.6条件运算符和条件表达式225

10.5程序流程控制225

10.5.1顺序结构225

10.5.2选择结构226

10.5.3循环结构232

10.6函数237

10.6.1常用系统函数237

10.6.2自定义函数242

本章小结245

习题245

第11章DOM和BOM247

11.1DOM247

11.1.1DOM概述247

11.1.2DOM节点树248

11.1.3DOM节点249

11.1.4DOM节点的访问253

11.1.5DOM节点操作256

11.2BOM261

11.2.1window对象261

11.2.2navigator对象263

11.2.3screen对象265

11.2.4history对象266

11.2.5location对象267

本章小结269

习题269

第12章事件271

12.1事件概述271

12.1.1事件类型271

12.1.2事件句柄272

12.1.3事件的绑定方式273

12.2鼠标事件276

12.2.1鼠标单击、双击事件277

12.2.2鼠标移动事件277

12.3键盘事件279

12.4表单事件280

12.4.1获得焦点和失去焦点事件280

12.4.2提交和重置事件281

12.5窗口事件283

本章小结284

习题284