目录

第 1 章  HTML：网页的起点 1

 1.1 网页的基本概念 1

1.1.1 Web  1

1.1.2 网页与网站 2

 1.2 网页核心三要素 4

1.2.1 HTML5概述 4

1.2.2 CSS  7

1.2.3 JavaScript脚本语言 8

 1.3 编写第一个HTML5页面 8

1.3.1 使用HTML5编写简单的Web页面 8

1.3.2 使用HTML5的结构化元素 10

1.3.3 使用CSS美化HTML5文档 13

 1.4 本章小结 15

 1.5 练习题 15

1.5.1 单项选择题 15

1.5.2 填空题 15

1.5.3 简答题 15

第 2 章  HTML5入门 16

 2.1 HTML5基础 16

2.1.1 HTML5结构 16

2.1.2 HTML5语法 18

 2.2 HTML5元素 21

2.2.1 语义结构化元素 22

2.2.2 内容交互元素 26

2.2.3 HTML5废除的元素 28

 2.3 HTML5属性 29

2.3.1 HTML属性 29

2.3.2 HTML5新增的全局属性 31

2.3.3 HTML5废除的属性 31

 2.4 HTML5表格 32

 2.5 本章小结 39

 2.6 练习题 40

2.6.1 单项选择题 40

2.6.2 填空题 40

2.6.3 简答题 40

第 3 章  文字和段落排版设计 41

 3.1 文本基础结构标签 41

3.1.1 标题标签‌ 41

3.1.2 段落与分隔标签‌ 42

 3.2 文本格式化标签 44

3.2.1 样式修饰类 44

3.2.2 特殊文本定位‌ 46

3.2.3 定义文字效果 47

 3.3 容器布局标签 50

 3.4 语义化标签 52

3.4.1 引用标识‌ 52

3.4.2 预格式化文本‌ 54

3.4.3 代码标识‌ 56

 3.5 列表标签 57

 3.6 本章小结 60

 3.7 练习题 60

3.7.1 单项选择题 60

3.7.2 填空题 61

3.7.3 简答题 61

第 4 章  HTML5表单 62

 4.1 表单概述 62

 4.2 表单基础结构 63

4.2.1 <form>元素 63

4.2.2 <input>元素 66

4.2.3 <fieldset>元素 68

4.2.4 <textarea>元素 68

4.2.5 <select>和<option>元素 70

 4.3 HTML5表单新增内容 72

4.3.1 新增表单属性 72

4.3.2 <input>新增输入类型 76

4.3.3 新增表单元素 81

 4.4 表单验证机制 86

4.4.1 即时反馈型验证 86

4.4.2 选择性忽略型验证 86

4.4.3 手动触发型验证 87

 4.5 本章小结 88

 4.6 练习题 88

4.6.1 单项选择题 88

4.6.2 填空题 89

4.6.3 简答题 89

第 5 章  HTML5超链接技术解析 90

 5.1 超链接简介 90

 5.2 基础类型链接 92

5.2.1 文本超链接 92

5.2.2 图像超链接 93

 5.3 功能型链接 95

5.3.1 锚点链接 96

5.3.2 下载链接 98

 5.4 协议扩展链接 100

 5.5 特殊状态链接 102

 5.6 SEO优化链接 103

 5.7 本章小结 104

 5.8 练习题 104

5.8.1 单项选择题 104

5.8.2 填空题 105

5.8.3 简答题 105

第 6 章  HTML5多媒体技术 106

 6.1 多媒体技术简介 106

 6.2 <audio>音频标签 107

 6.3 <video>视频标签 109

 6.4 <embed>元素 111

 6.5 <canvas>绘图技术 114

6.5.1 <canvas>环境 114

6.5.2 <canvas>绘制2D图形 116

6.5.3 <canvas>视觉增强 127

6.5.4 图像处理 131

6.5.5 绘制文本 134

 6.6 <svg>矢量图形 137

 6.7 本章小结 140

 6.8 练习题 140

6.8.1 单项选择题 140

6.8.2 填空题 141

6.8.3 简答题 141

第 7 章  CSS3概述 142

 7.1 CSS的历史变迁 142

7.1.1 CSS产生的原因 142

7.1.2 CSS的发展历史 143

7.1.3 Hello CSS World 145

7.1.4 为文档应用CSS的方式 146

 7.2 CSS3基本用法 147

7.2.1 CSS3样式概述 147

7.2.2 应用CSS3样式 148

7.2.3 CSS3样式表 149

7.2.4 CSS3代码注释 150

7.2.5 CSS3代码格式化 151

7.2.6 CSS3继承性 151

7.2.7 CSS3层叠性 152

 7.3 本章小结 153

 7.4 练习题 154

7.4.1 单项选择题 154

7.4.2 填空题 154

7.4.3 简答题 154

第 8 章  CSS3选择器 155

 8.1 选择器的用法 155

 8.2 属性选择器 156

 8.3 结构伪类选择器 157

8.3.1 CSS中的伪类选择器及伪元素 157

8.3.2 :root、:not、:empty和:target 158

8.3.3 :first-child、:last-child、:nth-child(n)和:nth-last-child(n) 159

8.3.4 :first-of-type和:last-of-type 161

8.3.5 :nth-of-type(n)和:nth-last-of-type(n) 162

8.3.6 :only-child 163

 8.4 UI元素状态伪类选择器 164

8.4.1 UI元素状态伪类选择器的语法 164

8.4.2 E:hover、E:active和E:focus 165

8.4.3 E:enabled与E:disabled 166

8.4.4 E:read-only与E:read-write 167

8.4.5 E:checked、E:default和E:indeterminate 167

8.4.6 E::selection 169

8.4.7 E:invalid与E:valid 169

8.4.8 E:required与E:optional 170

8.4.9 E:in-range与E:out-of-range 171

 8.5 本章小结 171

 8.6 练习题 172

8.6.1 单项选择题 172

8.6.2 填空题 172

8.6.3 简答题 172

第 9 章  CSS3文本属性 173

 9.1 CSS3文本属性概述 173

 9.2 设计文本阴影 174

9.2.1 text-shadow属性的使用方法 174

9.2.2 一般文字阴影效果 174

9.2.3 文字凹凸效果 175

9.2.4 为文本指定多个阴影 176

 9.3 设置文本样式 177

9.3.1 text-stroke属性 177

9.3.2 文本溢出 178

9.3.3 强制换行 180

9.3.4 嵌入字体 181

9.3.5 字体尺寸 182

 9.4 本章小结 185

 9.5 练习题 186

9.5.1 单项选择题 186

9.5.2 填空题 186

9.5.3 简答题 186

第 10 章  高级CSS操控 187

 10.1 背景 187

10.1.1 background-color属性 188

10.1.2 background-image属性 188

10.1.3 background-position属性 189

10.1.4 background-size属性 189

10.1.5 background-origin属性 190

10.1.6 background-repeat属性 190

10.1.7 background-clip属性 190

10.1.8 background-attachment属性 190

 10.2 边框与边距 192

10.2.1 盒子模型 192

10.2.2 border属性 192

10.2.3 padding属性 194

10.2.4 margin属性 195

10.2.5 border-radius属性 196

10.2.6 border-image属性 197

10.2.7 box-shadow属性 198

 10.3 变形处理 199

10.3.1 旋转 200

10.3.2 倾斜 202

10.3.3 缩放 203

10.3.4 移动 204

 10.4 设计动画 205

10.4.1 过渡动画 206

10.4.2 关键帧动画 210

 10.5 本章小结 217

 10.6 练习题 217

10.6.1 单项选择题 217

10.6.2 填空题 218

10.6.3 简答题 218

第 11 章  网页布局 219

 11.1 多栏布局 219

11.1.1 设置列宽和列数 220

11.1.2 设置列间距 222

11.1.3 设置列边框 223

11.1.4 设置跨列标题 223

11.1.5 统一列高 224

 11.2 盒布局 225

11.2.1 CSS盒子模型 225

11.2.2 使用盒布局 226

11.2.3 盒布局和多栏布局的区别 228

 11.3 弹性盒布局 229

11.3.1 对多个元素使用flex属性 229

11.3.2 设置元素的显示顺序 230

11.3.3 设置元素的排列方向 231

11.3.4 定义宽高自适应 232

11.3.5 消除空白 233

11.3.6 灵活使用flex属性 234

11.3.7 控制换行方向 239

 11.4 弹性盒布局的原理 240

11.4.1 弹性盒布局概述 240

11.4.2 justify-content属性 240

11.4.3 align-items属性 241

 11.5 本章小结 242

 11.6 练习题 242

11.6.1 单项选择题 242

11.6.2 填空题 243

11.6.3 简答题 243

第 12 章  构建企业网站 244

 12.1 企业网站设计指南 244

12.1.1 网站的开发流程 244

12.1.2 企业网站的主要功能 246

12.1.3 色彩搭配与风格设计 246

 12.2 企业网站的构建过程 247

12.2.1 前期准备工作 247

12.2.2 组织网页结构 248

12.2.3 设计<header>元素 249

12.2.4 设计<aside>元素 250

12.2.5 设计页面主体部分 251

12.2.6 设计版权信息 256

 12.3 测试网页 256

 12.4 本章小结 257

 12.5 练习题 257

12.5.1 单项选择题 257

12.5.2 填空题 258

12.5.3 简答题 258

参考文献   259