第1章  HTML5概述   1

1.1  什么是HTML5   2

1.2  HTML5发展历程   2

1.3  HTML5文档结构   5

1.3.1  文档类型声明   6

1.3.2  主标签   6

1.3.3  头部信息   6

1.3.4  主体内容   10

1.4  HTML5文件的编写方法   11

1.4.1  手动编写HTML5文件   11

1.4.2  使用HTML编辑器   12

1.5  案例演练   12

第2章  设计网页文本   17

2.1  定义标题   18

2.2  定义段落   19

2.2.1  使用段落标签   19

2.2.2  使用换行标签   19

2.3  定义文字格式   20

2.3.1  字体   20

2.3.2  字号   21

2.3.3  颜色   22

2.3.4  强调   23

2.3.5  注解   23

2.3.6  备选   24

2.3.7  上下标   24

2.3.8  术语   25

2.3.9  代码   26

2.3.10  预定义格式   26

2.3.11  缩写词   27

2.3.12  编辑提示   27

2.3.13  引用   28

2.3.14  引述   29

2.3.15  换行显示   29

2.4  定义文字效果   30

2.4.1  高亮   30

2.4.2  进度   31

2.4.3  刻度   31

2.4.4  时间   32

2.4.5  联系信息   33

2.4.6  显示方向   34

2.4.7  换行断点   34

2.4.8  旁注   35

2.5  案例演练   35

第3章  设计网页图像   37

3.1  网页图像概述   38

3.1.1  网页支持的图片格式   38

3.1.2  网页图像的路径   39

3.2  定义图像   40

3.3  定义流   41

3.4  定义图标   42

3.5  定义响应式图像   43

3.6  案例演练   47

第4章  设计超链接   49

4.1  超链接概述   50

4.1.1  超链接的类型   50

4.1.2  超链接的路径   50

4.2  页间链接   51

4.3  块链接   52

4.4  锚记链接   53

4.5  目标链接   53

4.6  邮件链接   54

4.7  下载链接   54

4.8  图像热点链接   55

4.9  框架链接   55

4.10  案例演练   56

第5章  CSS3概述   61

5.1  什么是CSS3   62

5.1.1  CSS历史   62

5.1.2  CSS3模块   62

5.1.3  CSS3特性   64

5.2  CSS3基本用法   65

5.2.1  CSS3样式概述   65

5.2.2  应用CSS3样式   66

5.2.3  CSS3样式表   67

5.2.4  CSS3代码注释   68

5.2.5  CSS3代码格式化   68

5.2.6  CSS3继承性   69

5.2.7  CSS3层叠性   70

5.3  CSS3选择器   70

5.3.1  标签选择器   71

5.3.2  类选择器   71

5.3.3  ID选择器   71

5.3.4  包含选择器   72

5.3.5  子选择器   73

5.3.6  相邻选择器   73

5.3.7  兄弟选择器   74

5.3.8  属性选择器   74

5.3.9  结构伪类选择器   77

5.3.10  否定伪类选择器   79

5.3.11  状态伪类选择器   79

5.3.12  目标伪类选择器   81

5.3.13  动态伪类选择器   81

5.3.14  伪对象选择器   82

5.4  案例演练   83

第6章  CSS3文本样式   87

6.1  CSS3文本模块概述   88

6.2  字体样式   92

6.2.1  字体   92

6.2.2  大小   92

6.2.3  颜色   93

6.2.4  粗细   93

6.2.5  斜体   94

6.2.6  修饰线   94

6.2.7  变体   95

6.2.8  大小写   95

6.3  文本格式   95

6.3.1  对齐   95

6.3.2  间距   97

6.3.3  行高   97

6.3.4  缩进   98

6.3.5  换行   98

6.4  书写模式   100

6.5  特殊值   102

6.6  文本效果   105

6.6.1  文本阴影   105

6.6.2  文本特效   107

6.7  颜色模式   110

6.8  动态内容   115

6.9  自定义字体   118

6.10  案例演练   120

第7章  CSS3图像样式   123

7.1  设计图像   124

7.1.1  图像大小   124

7.1.2  图像边框   125

7.1.3  半透明图像   126

7.1.4  圆形图像   126

7.1.5  阴影图像   127

7.2  图像背景   128

7.2.1  定义背景图像   128

7.2.2  背景原点/位置/裁剪   129

7.2.3  控制大小   131

7.2.4  固定显示   132

7.3  渐变背景   132

7.3.1  线性渐变与重复线性渐变   133

7.3.2  径向渐变与重复径向渐变   135

7.4  案例演练   137

第8章  CSS3盒子模型   149

8.1  显示方式   150

8.2  可控大小   151

8.3  内容溢出   152

8.4  轮廓线   153

8.5  圆角边框   155

8.6  图像边框   156

8.7  盒子阴影   158

8.8  布局方式   166

8.8.1  流动布局   166

8.8.2  浮动布局   167

8.8.3  定位布局   168

8.9  案例演练   170

第9章  CSS3移动布局   173

9.1  多列布局   174

9.1.1  定义列宽   174

9.1.2  定义列数   175

9.1.3  定义列间距   175

9.1.4  定义列边框   176

9.1.5  定义跨列显示   177

9.1.6  定义列的高度   178

9.2  盒布局模型   178

9.2.1  定义宽度   179

9.2.2  定义顺序   180

9.2.3  定义方向   181

9.2.4  自适应大小   182

9.2.5  消除空白   183

9.2.6  定义对齐方式   185

9.3  弹性盒布局   186

9.3.1  定义弹性盒   186

9.3.2  定义伸缩方向   187

9.3.3  定义行数   188

9.3.4  定义对齐方式   189

9.3.5  定义伸缩项目   190

9.4  媒体查询   191

9.5  案例演练   193

第10章  CSS3变形和动画   197

10.1  CSS3变形   198

10.1.1  2D旋转   198

10.1.2  2D缩放   199

10.1.3  2D移动   200

10.1.4  2D倾斜   201

10.1.5  2D矩阵   202

10.1.6  变形原点   204

10.1.7  3D变形   205

10.1.8  3D位移   207

10.1.9  3D缩放   208

10.1.10  3D旋转   209

10.2  过渡样式   211

10.2.1  定义过渡   211

10.2.2  定义过渡时间   212

10.2.3  定义延迟   212

10.2.4  定义动画效果   213

10.2.5  定义触发时机   213

10.3  关键帧动画   215

10.3.1  定义关键帧   216

10.3.2  定义关键帧动画   216

10.4  案例演练   218

第11章  设计表格   221

11.1  定义表格   222

11.1.1  简单表格   222

11.1.2  列标题   222

11.1.3  表格的标题   222

11.1.4  行分组   223

11.1.5  列分组   223

11.2  设置表格   224

11.2.1  内/外框线   224

11.2.2  单元格间距   225

11.2.3  细线边框   225

11.2.4  内容摘要   226

11.3  设置单元格   226

11.3.1  跨单元格显示   226

11.3.2  表头单元格   226

11.3.3  绑定表头   227

11.3.4  信息缩写   227

11.3.5  单元格分类   228

11.4  设置表格样式   228

11.5  案例演练   232

第12章  设计表单   239

12.1  定义表单   240

12.1.1  设计表单结构   240

12.1.2  组织表单结构   240

12.1.3  添加提示文本   241

12.2  定义表单控件   242

12.2.1  文本框   242

12.2.2  密码框   245

12.2.3  文本区域   246

12.2.4  单选按钮和复选框   247

12.2.5  选择框   249

12.2.6  文件域和隐藏域   250

12.2.7  按钮   250

12.2.8  数据列表   251

12.2.9  密钥生成器   252

12.2.10  输出结果   252

12.3  设置表单属性   253

12.3.1  名称和值   253

12.3.2  布尔型属性   253

12.3.3  必填属性   255

12.3.4  禁止验证   256

12.3.5  多选属性   257

12.3.6  自动完成   257

12.3.7  自动获取焦点   258

12.3.8  所属表单   259

12.3.9  表单重写   259

12.3.10  高度和宽度   260

12.3.11  最小值/最大值/步长   260

12.3.12  匹配模式   261

12.3.13  替换文本   261

12.4  设计表单样式   262

12.5  定制表单   267

12.6  案例演练   270

第13章  设计多媒体   275

13.1  使用audio元素   276

13.2  使用video元素   277

13.3  设置媒体属性   278

13.4  使用媒体方法   282

13.5  使用媒体事件   283

13.6  使用<embed>标签   286

13.7  使用<object>标签   286

13.8  案例演练   287