爱华网html5从入门到精通_HTML5从入门到精通 -内容介绍
《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性，技术新颖实用。书中所有知识点均结合实例进行讲解，方便读者动手实践。同时在每章的最后还设置了习题，通过这些习题可以对本章学到的知识进行巩固。《HTML5从入门到精通》不仅能够使读者系统而全面地学习理论知识，还能满足读者充分实践的需求。
html5从入门到精通_HTML5从入门到精通 -作品目录
目录
第1篇HTML基础
第1章HTML基础 3
教学录像：22分钟
1.1HTML的基本概念 4
1.2HTML发展史 4
1.3HTML的基本结构 5
1.3.1HTML文件的编写方法 5
1.3.2文件开始标签<html> 7
1.3.3文件头部标签<head> 7
1.3.4文件标题标签<title> 7
1.3.5文件主体标签<body> 7
1.3.6编写文件的注意事项 8
1.4编写第一个HTML文件 8
1.4.1HTML文件的编写方法 8
1.4.2手工编写页面 9
1.4.3使用可视化软件制作页面 10
1.4.4使用浏览器浏览HTML文件 14
1.4.5使用HTML开发的明日图书网 14
1.5小结 15
1.6习题 16
第2章HTML文件基本标记 17
教学录像：44分钟
2.1HTML头部标记 18
2.2标题标记<title> 18
2.3元信息标记<meta> 19
2.3.1设置页面关键字 19
2.3.2设置页面描述 20
2.3.3设置编辑工具 20
2.3.4设定作者信息 21
2.3.5限制搜索方式 22
2.3.6设置网页文字及语言 22
2.3.7设置网页的定时跳转 23
2.3.8设定有效期限 24
2.3.9禁止从缓存中调用 24
2.3.10删除过期的cookie 25
2.3.11强制打开新窗口 25
2.3.12设置网页的过渡效果 26
2.4基底网址标记<base> 29
2.5页面的主体标记<body> 30
2.5.1设置文字颜色――text 31
2.5.2背景颜色属性――bgcolor 32
2.5.3背景图像属性――background 32
2.5.4设置链接文字属性――link 35
2.5.5设置边距――margin 37
2.6页面的注释标记 38
2.7实例演练――创建基本的HTML网页 38
2.8小结 39
2.9习题 40
第3章设计网页文本内容 41
教学录像：29分钟
3.1标题文字的建立 42
3.1.1标题文字标记<h> 42
3.1.2标题文字的对齐方式――align 43
3.2设置文字格式 44
3.2.1设置文字字体――face 44
3.2.2设置字号――size 45
3.2.3设置文字颜色――color 46
3.2.4粗体、斜体、下划线――strong、em、u 46
3.2.5上标与下标――sup、sub 47
3.2.6设置删除线――strike 48
3.2.7等宽文字标记――code 49
3.2.8空格――&nbsp; 49
3.2.9其他特殊符号 50
3.3设置段落格式 51
3.3.1段落标记――p 51
3.3.2取消文字换行标记――nobr 52
3.3.3换行标记――br 53
3.3.4保留原始排版方式标记――pre 53
3.3.5居中对齐标记――center 54
3.3.6向右缩进标记――blockquote 55
3.4水平线标记 56
3.4.1添加水平线――hr 56
3.4.2设置水平线的宽度与高度
――width、height 57
3.4.3设置水平线的颜色――color 58
3.4.4设置水平线的对齐方式――align 59
3.4.5去掉水平线阴影――noshade 60
3.5其他文字标记 60
3.5.1文字标注标记――ruby 60
3.5.2声明变量标记――var 61
3.5.3忽视HTML标记
――plaintext、xmp 62
3.6小结 63
3.7习题 63
第4章使用列表 65
教学录像：35分钟
4.1列表的标记 66
4.2使用无序列表 66
4.2.1无序列表标记――ul 66
4.2.2无序列表的符号类型――type 67
4.3使用有序列表 69
4.3.1有序列表标记――ol 69
4.3.2有序列表的属性――type 70
4.3.3有序列表的起始数值――start 72
4.4定义列表标记――dl 73
4.5菜单列表标记――menu 74
4.6目录列表――dir 75
4.7使用嵌套列表 76
4.7.1定义列表的嵌套 77
4.7.2无序列表和有序列表的嵌套 78
4.8小结 79
4.9习题 80
第5章超链接 81
教学录像：22分钟
5.1超链接的基本知识 82
5.1.1超链接 82
5.1.2绝对路径 82
5.1.3相对路径 82
5.2超链接的建立 83
5.2.1超链接标记的基本语法 83
5.2.2建立文本超链接 83
5.2.3设置超链接的目标窗口 85
5.3内部链接 87
5.4书签链接 89
5.4.1建立书签 89
5.4.2链接到同一页面的书签 91
5.4.3链接到不同页面的书签 92
5.5外部链接 93
5.5.1通过HTTP协议 94
5.5.2通过FTP 94
5.5.3发送E-mail 95
5.5.4下载文件 96
5.6其他链接 98
5.6.1脚本链接 98
5.6.2空链接 99
5.7小结 99
5.8习题 100
第6章使用图像 101
教学录像：35分钟
6.1图像的基本格式 102
6.2添加图像――img 102
6.3设置图像属性 103
6.3.1图像高度――height 103
6.3.2图像宽度――width 104
6.3.3图像边框――border 105
6.3.4图像水平间距――hspace 107
6.3.5图像垂直间距――vspace 108
6.3.6图像相对于文字基准线的对齐方式
――align 108
6.3.7图像的提示文字――alt 110
6.4图像的超链接 111
6.4.1设置图像的超链接 111
6.4.2设置图像热区链接 112
6.5小结 116
6.6习题 116
第7章表格的应用 118
教学录像：48分钟
7.1创建表格 119
7.1.1表格的基本构成――table、tr、td 119
7.1.2表格的标题――caption 120
7.1.3表格的表头――th 121
7.2设置表格基本属性 123
7.2.1表格的宽度――width 123
7.2.2表格的高度――height 125
7.2.3表格的对齐方式――align 126
7.3设置表格的边框 127
7.3.1表格边框的宽度――border 127
7.3.2表格边框的颜色――bordercolor 128
7.3.3表格内框的宽度――cellspacing 130
7.3.4表格内文字与边框的间距
――cellpadding 131
7.4设置表格背景 132
7.4.1表格的背景颜色――bgcolor 132
7.4.2表格的背景图像――background 133
7.5设置表格的行属性 134
7.5.1高度的控制――height 134
7.5.2行的边框颜色――bordercolor 135
7.5.3行的背景颜色――bgcolor、background 136
7.5.4行文字的水平对齐方式――align 137
7.5.5行文字的垂直对齐方式――valign 139
7.5.6表格标题的垂直对齐方式――align 140
7.6调整单元格属性 141
7.6.1单元格大小――width、height 141
7.6.2单元格水平跨度――colspan 142
7.6.3单元格垂直跨度――rowspan 143
7.6.4单元格对齐方式――align、valign 144
7.6.5单元格的背景色 146
7.6.6单元格的边框颜色――bordercolor 147
7.6.7单元格的亮边框――bordercolorlight 148
7.6.8单元格的暗边框――bordercolordark 150
7.6.9单元格的背景图像――background 151
7.7表格的结构 152
7.7.1表格的表头标记――thead 153
7.7.2表格的表主体标记――tbody 154
7.7.3表格的表尾标记――tfoot 156
7.8表格的嵌套 157
7.9小结 159
7.10习题 159
第8章层标记――div 161
教学录像：33分钟
8.1层 162
8.1.1层的分类 162
8.1.2定义数据块 162
8.2<div>标签 163
8.2.1<div>标签的简介 163
8.2.2<div>标签的属性 164
8.2.3<span>标签与<div>标签 170
8.3<iframe>标签 172
8.3.1<iframe>标签的简介 172
8.3.2<iframe>标签的属性 172
8.4<layer>标签和<ilayer>标签 174
8.4.1标签层的使用 175
8.4.2<layer>标签和<ilayer>标签的区别 176
8.5应用div制作下拉菜单导航条 176
8.6小结 179
8.7习题 179
第9章编辑表单 181
教学录像：26分钟
9.1使用表单标签――form 182
9.1.1处理动作――action 182
9.1.2表单名称――name 183
9.1.3传送方法――method 183
9.1.4编码方式――enctype 184
9.1.5目标显示方式――target 185
9.2添加控件 185
9.3输入类的控件 186
9.3.1文字字段――text 186
9.3.2密码域――password 187
9.3.3单选按钮――radio 188
9.3.4复选框――checkbox 189
9.3.5普通按钮――button 190
9.3.6提交按钮――submit 191
9.3.7重置按钮――reset 192
9.3.8图像域――image 193
9.3.9隐藏域――hidden 195
9.3.10文件域――file 195
9.4列表/菜单标记 197
9.5文本域标记――textarea 198
9.6id标记 199
9.7小结 200
9.8习题 200
第10章多媒体页面 202
视频讲解：18分钟
10.1设置滚动文字 203
10.1.1滚动文字标签――marquee 203
10.1.2滚动方向属性――direction 203
10.1.3滚动方式属性――behavior 204
10.1.4滚动速度属性――scrollamount 205
10.1.5滚动延迟属性――scrolldelay 206
10.1.6滚动循环属性――loop 207
10.1.7滚动范围属性――width、height 208
10.1.8滚动背景颜色属性――bgcolor 209
10.1.9滚动空间属性――hspace、vspace 209
10.2添加背景音乐 211
10.2.1设置背景音乐――bgsound 211
10.2.2设置循环播放次数――loop 212
10.3添加多媒体文件 213
10.3.1添加多媒体文件标记――embed 213
10.3.2设置自动运行――autostart 214
10.3.3设置媒体文件的循环播放――loop 215
10.3.4隐藏面板――hidden 216
10.3.5添加其他类型的媒体文件 217
10.4小结 217
10.5习题 218
第2篇HTML 5高级应用
第11章HTML 5的新特性 221
视频讲解：6分钟
11.1谁在开发HTML 5 222
11.2HTML 5的新认识 222
11.2.1兼容性 222
11.2.2实用性和用户优先 222
11.2.3化繁为简 223
11.3无插件范式 223
11.4HTML 5的新特性 224
11.5小结 224
第12章HTML 5与HTML 4的区别 225
视频讲解：51分钟
12.1语法的改变 226
12.1.1HTML 5的语法变化 226
12.1.2HTML 5中的标记方法 226
12.1.3HTML 5语法中的3个要点 227
12.1.4标签实例 228
12.2新增的元素和废除的元素 228
12.2.1新增的结构元素 228
12.2.2新增的块级的语义元素 230
12.2.3新增的行内的语义元素 231
12.2.4新增的嵌入多媒体元素与交互性元素 231
12.2.5新增的input元素的类型 232
12.2.6废除的元素 233
12.3新增的属性和废除的属性 234
12.3.1新增的属性 234
12.3.2废除的属性 236
12.4全局属性 237
12.4.1contentEditable属性 237
12.4.2designMode属性 238
12.4.3hidden属性 239
12.4.4spellcheck属性 239
12.4.5tabindex属性 240
12.5小结 240
12.6习题 240
第13章HTML 5的结构 242
视频讲解：20分钟
13.1新增的主体结构元素 243
13.1.1article元素 243
13.1.2section元素 245
13.1.3nav元素 247
13.1.4aside元素 248
13.1.5time元素 250
13.1.6pubdate属性 250
13.2新增的非主体结构元素 251
13.2.1header元素 251
13.2.2hgroup元素 252
13.2.3footer元素 252
13.2.4address元素 253
13.3小结 253
13.4习题 254
第14章HTML 5中的表单 255
视频讲解：50分钟
14.1新增表单元素与属性 256
14.1.1新增的属性 256
14.1.2增加与改良的input元素的种类 259
14.1.3output元素的添加 264
14.1.4应用新增元素制作注册表单 264
14.2对表单的验证 266
14.2.1自动验证 266
14.2.2checkValidity显式验证法 267
14.2.3避免验证 268
14.2.4使用setCustomValidity方法自定义
错误信息 268
14.3增加的页面元素 269
14.3.1新增的figure元素 270
14.3.2新增的details元素 271
14.3.3新增的mark元素 272
14.3.4新增的progress元素 274
14.3.5新增的meter元素 275
14.3.6改良的ol列表 276
14.3.7改良的dl列表 276
14.3.8加以严格限制的cite元素 277
14.3.9重新定义的small元素 278
14.4小结 278
14.5习题 279
第15章HTML 5中的文件与拖放 280
视频讲解：40分钟
15.1选择文件 281
15.1.1通过file对象选择文件 281
15.1.2使用blob接口获取文件的类型与大小 282
15.1.3通过类型过滤选择的文件 283
15.2使用FileReader接口读取文件 285
15.2.1检测浏览器是否支持FileReader接口 285
15.2.2FileReader接口的方法 285
15.2.3使用readAsDataURL方法预览图片 286
15.2.4使用readAsText方法读取文本文件 287
15.2.5FileReader接口中的事件 288
15.3拖放API 290
15.3.1实现拖放的步骤 290
15.3.2通过拖放显示欢迎信息 291
15.4dataTransfer对象应用详解 293
15.4.1使用effectAllowed和dropEffect属性
设置拖放效果 293
15.4.2使用setDragImage方法设置拖放图标 294
15.5小结 295
15.6习题 295
第16章多媒体播放 296
视频讲解：35分钟
16.1HTML 5多媒体的简述 297
16.1.1HTML 4中多媒体的应用 297
16.1.2HTML 5页面中的多媒体 297
16.2多媒体元素基本属性 298
16.3多媒体元素常用方法 302
16.3.1媒体播放时的方法 302
16.3.2canPlayType(type)方法 304
16.4多媒体元素重要事件 304
16.4.1事件处理方式 304
16.4.2事件介绍 305
16.4.3事件实例 306
16.5小结 308
16.6习题 309
第17章绘制图形 310
视频讲解：1小时32分钟
17.1canvas的基础知识 311
17.1.1canvas是什么 311
17.1.2在页面中放置canvas元素 311
17.1.3绘制带边框的矩形 312
17.2在画布中使用路径 314
17.2.1使用arc方法绘制圆形 314
17.2.2使用moveTo与lineTo路径绘制火柴人 316
17.2.3贝塞尔和二次方曲线 317
17.3运用样式与颜色 319
17.3.1fillStyle 和 strokeStyle属性 319
17.3.2透明度 globalAlpha 321
17.3.3线型 Line styles 323
17.4绘制渐变图形 325
17.4.1绘制线性渐变 325
17.4.2绘制径向渐变 326
17.5绘制变形图形 328
17.5.1坐标的变换 328
17.5.2矩阵变换 330
17.6组合多个图形 333
17.7给图形绘制阴影 335
17.8应用图像 336
17.8.1绘制图像 336
17.8.2图像的局部放大 338
17.8.3图像平铺 339
17.8.4图像裁剪 341
17.8.5像素的处理 342
17.9绘制文字 344
17.10保存与恢复状态 345
17.11文件的保存 346
17.12对画布绘制实现动画 347
17.13综合实例――桌面时钟 348
17.14小结 350
17.15习题 351
第18章数据存储 352
视频讲解：50分钟
18.1初识Web Storage 353
18.1.1什么是Web Storage 353
18.1.2使用Web Storage中的API 353
18.1.3sessionStorage和localStorage的实例
――计数器 355
18.1.4Web Storage综合实例――留言本 357
18.1.5JSON对象的存数实例――用户信息卡 359
18.2本地数据库 361
18.2.1Web SQL数据库简介 361
18.2.2使用Web SQL Database API 362
18.2.3本地数据库实例――用户登录 363
18.3小结 367
18.4习题 367
第19章离线应用程序 368
视频讲解：13分钟
19.1HTML 5离线Web应用概述 369
19.1.1离线Web应用概述 369
19.1.2本地缓存与浏览器网页缓存的区别 370
19.2创建HTML 5离线应用 370
19.2.1缓存清单（manifest） 370
19.2.2配置IIS服务器 372
19.2.3浏览缓存清单 372
19.3浏览器与服务器的交互过程 373
19.4applicationCache对象 374
19.4.1swapCache方法 375
19.4.2applicationCache对象的事件 376
19.5小结 379
19.6习题 379
第20章使用Web Worker处理线程 380
视频讲解：25分钟
20.1Web Worker概述 381
20.1.1创建和使用Worker 381
20.1.2Web Worker应用实例――求和运算 382
20.2在Worker内部能做什么 383
20.3多个JavaScript文件的加载与执行 384
20.4线程嵌套 384
20.4.1单层嵌套 385
20.4.2在多个子线程中进行数据的交互 387
20.5小结 390
20.6习题 390
第21章通信API 391
视频讲解：4分钟
21.1跨文档消息通信 392
21.1.1使用postMessageAPI 392
21.1.2 跨文档消息传输 392
21.2小结 394
第22章获取地理位置信息 395
视频讲解：12分钟
22.1Geolocation API的概述 396
22.1.1使用getCurrentPosition方法获取
当前地理位置 396
22.1.2持续监视当前地理位置的信息 398
22.1.3停止获取当前用户的地理位置信息 398
22.2position对象 398
22.3在google地图上显示“我在这里” 399
22.4小结 401
22.5习题 401
第3篇HTML 5项目实战
第23章旅游信息网前台页面 405
视频讲解：20分钟
23.1概述 406
23.2网站预览 406
23.3关键技术 410
23.3.1网站主体结构设计 410
23.3.2HTML 5结构元素的使用 410
23.4网站公共部分设计 411
23.4.1设计网站公共header 411
23.4.2设计网站公共footer 418
23.5网站主页设计 419
23.5.1显示网站介绍及相关图片 419
23.5.2主页左侧导航的实现 421
23.6留下足迹页面设计 424
23.6.1播放音乐 424
23.6.2添加留言功能的实现 425
23.7小结 426
附录习题参考答案 427
HTML 5从入门到精通
目 录
X
XI
