HTML5从入门到精通 第2版PDF电子书下载

第1篇 HTML基础知识 2

第1章 HTML基础 2

1.1 HTML的基本概念 3

1.2 HTML发展史与HTML5 3

1.2.1 HTML的发展历史 3

1.2.2 HTML 4.01和XHTML 4

1.2.3 从XHTML到HTML5 5

1.3 迎接新的Web时代 5

1.3.1 部分代替了原来的JavaScript 6

1.3.2 更明确的语义支持 6

1.3.3 增强了Web应用程序功能 7

1.3.4 HTML5的目标 7

1.4 各浏览器对HTML5的支持 8

1.5 HTML5要解决的3个问题 9

1.6 HTML的基本结构 10

1.6.1 HTML文件的编写方法 10

1.6.2 文件开始标签＜html＞ 11

1.6.3 文件头部标签＜head＞ 12

1.6.4 文件标题标签＜title＞ 12

1.6.5 文件主体标签＜body＞ 12

1.6.6 编写文件的注意事项 13

1.7 编写第一个HTML文件 13

1.7.1 HTML文件的编写方法 13

1.7.2 手工编写页面 14

1.7.3 使用可视化软件制作页面 15

1.7.4 使用浏览器浏览HTML文件 18

1.7.5 HTML开发的明日图书网 19

1.8 小结 20

1.9 习题 20

第2章 HTML文件基本标记 22

2.1 HTML头部标记 23

2.2 标题标记＜title＞ 23

2.3 元信息标记＜meta＞ 24

2.3.1 设置页面关键字 24

2.3.2 设置页面描述 25

2.3.3 设置编辑工具 25

2.3.4 设定作者信息 26

2.3.5 限制搜索方式 27

2.3.6 设置网页文字及语言 27

2.3.7 设置网页的定时跳转 28

2.3.8 设定有效期限 29

2.3.9 禁止从缓存中调用 29

2.3.10 删除过期的cookie 30

2.3.11 强制打开新窗口 30

2.3.12 设置网页的过渡效果 31

2.3.13 设定建立网站的日期 34

2.3.14 设定网页版权信息 34

2.3.15 设定联系人的邮箱 35

2.4 基底网址标记＜base＞ 35

2.5 页面的主体标记＜body＞ 37

2.5.1 设置文字颜色——text 37

2.5.2 背景颜色属性——bgcolor 38

2.5.3 背景图像属性——background 38

2.5.4 设置链接文字属性——link 41

2.5.5 设置边距——margin 43

2.6 页面的注释标记＜!-- --＞ 44

2.7 实例演练——创建基本的HTML网页 44

2.8 小结 45

2.9 习题 46

第3章 设计网页文本内容 47

3.1 标题文字的建立 48

3.1.1 标题字标记＜H＞ 48

3.1.2 标题文字的对齐方式——align 48

3.2 设置文字格式 49

3.2.1 设置文字字体——face 50

3.2.2 设置字号——size 50

3.2.3 设置文字颜色——color 51

3.2.4 粗体、斜体、下划线——strong、em、u 52

3.2.5 上标与下标——sup、sub 52

3.2.6 设置删除线——strike 53

3.2.7 等宽文字标记——code 54

3.2.8 空格——＆nbsp； 54

3.2.9 其他特殊符号 55

3.3 设置段落格式 56

3.3.1 段落标记——p 56

3.3.2 取消文字换行标记——nobr 57

3.3.3 换行标记——br 57

3.3.4 保留原始排版方式标记——pre 58

3.3.5 居中对齐标记——center 59

3.3.6 向右缩进标记——blockquote 59

3.4 水平线标记 60

3.4.1 添加水平线——hr 60

3.4.2 设置水平线宽度与高度属性——width、height 61

3.4.3 设置水平线的颜色——color 62

3.4.4 设置水平线的对齐方式——align 63

3.4.5 去掉水平线阴影——noshade 64

3.5 其他文字标记 65

3.5.1 文字标注标记——ruby 65

3.5.2 声明变量标记——var 66

3.5.3 忽视HTML标签标记——plaintext、xmp 67

3.5.4 设置地址文字标记——address 68

3.6 小结 68

3.7 习题 69

第4章 使用列表 70

4.1 列表的标记 71

4.2 使用无序列表 71

4.2.1 无序列表标记——ul 71

4.2.2 设置无序列表的类型——type 72

4.3 使用有序列表 74

4.3.1 有序列表标记——ol 74

4.3.2 有序列表的类型——type 75

4.3.3 有序列表的起始数值——start 76

4.4 定义列表标记——dl 78

4.5 菜单列表标记——menu 81

4.6 目录列表——dir 82

4.7 设置列表文字的颜色 83

4.8 使用嵌套列表 84

4.8.1 定义列表的嵌套 84

4.8.2 无序列表和有序列表的嵌套 86

4.8.3 有序列表之间的嵌套 88

4.9 小结 89

4.10 习题 89

第5章 使用超链接 90

5.1 超链接的基本知识 91

5.1.1 超链接 91

5.1.2 绝对路径 91

5.1.3 相对路径 91

5.2 超链接的建立 92

5.2.1 超链接标记的基本语法 92

5.2.2 建立文本超链接 92

5.2.3 设置超链接的目标窗口 94

5.3 内部链接 95

5.4 书签链接 98

5.4.1 建立书签 98

5.4.2 链接到同一页面的书签 99

5.4.3 链接到不同页面的书签 101

5.5 外部链接 102

5.5.1 通过HTTP协议 102

5.5.2 通过FTP 104

5.5.3 发送Email 104

5.5.4 下载文件 106

5.6 其他链接 107

5.6.1 脚本链接 107

5.6.2 空链接 108

5.7 小结 108

5.8 习题 109

第6章 使用图像 110

6.1 图片的基本格式 111

6.2 添加图像——img 111

6.3 设置图像属性 112

6.3.1 图像高度——height 112

6.3.2 图像宽度——width 113

6.3.3 图像边框——border 114

6.3.4 图像水平间距——hspace 115

6.3.5 图像垂直间距——vspace 117

6.3.6 图像相对于文字基准线的对齐方式——align 118

6.3.7 图像的提示文字——title 119

6.3.8 图像的替换文字——alt 120

6.4 使用＜img＞标记插入avi文件 121

6.4.1 avi的源文件属性dynsrc 121

6.4.2 设定avi文件循环次数属性loop 121

6.4.3 设定avi文件播放方式属性start 123

6.5 图像的超链接 123

6.5.1 设置图像的超链接 124

6.5.2 设置图像热区链接 125

6.6 小结 128

6.7 习题 128

第7章 表格的应用 130

7.1 创建表格 131

7.1.1 表格的基本构成——table、tr、td 131

7.1.2 设置表格的标题——caption 132

7.1.3 表格的表头——th 133

7.2 设置表格基本属性 134

7.2.1 设置表格宽度——width 135

7.2.2 设置表格高度——height 136

7.2.3 设置表格对齐方式——align 138

7.3 设置表格的边框 139

7.3.1 表格边框宽度——border 139

7.3.2 表格边框颜色——bordercolor 140

7.3.3 内框宽度——cellspacing 141

7.3.4 表格内文字与边框间距——cellpadding 142

7.4 设置表格背景 144

7.4.1 设置表格背景颜色——bgcolor 144

7.4.2 设置表格的背景图像——background 145

7.5 设置表格的行属性 146

7.5.1 高度的控制——height 146

7.5.2 边框颜色——bordercolor 147

7.5.3 行背景——bgcolor、background 148

7.5.4 行文字的水平对齐方式——align 149

7.5.5 行文字的垂直对齐方式——valign 151

7.5.6 设置表格标题的垂直对齐方式——align 152

7.6 调整单元格属性 153

7.6.1 单元格大小——width、height 153

7.6.2 水平跨度——colspan 154

7.6.3 垂直跨度——rowspan 155

7.6.4 对齐方式——align、valign 157

7.6.5 设置单元格的背景色 158

7.6.6 设置单元格的边框颜色——bordercolor 159

7.6.7 设置单元格的亮边框——bordercolorlight 161

7.6.8 设置单元格的暗边框——bordercolordark 162

7.6.9 设置单元格的背景图像——background 163

7.7 表格的结构 165

7.7.1 表格的表首标记——thead 165

7.7.2 表格的表主体标记——tbody 166

7.7.3 表格的表尾标记——tfoot 168

7.8 表格的嵌套 169

7.9 小结 171

7.10 习题 171

第8章 层——div标签 173

8.1 层 174

8.1.1 层的分类 174

8.1.2 定义数据块 174

8.2 ＜div＞标签 175

8.2.1 ＜div＞标签 175

8.2.2 ＜div＞标签的属性 176

8.2.3 ＜span＞标签与＜div＞标签 183

8.3 ＜iframe＞标签 185

8.3.1 ＜iframe＞标签 185

8.3.2 ＜iframe＞标签的属性 185

8.4 应用DIV制作下拉菜单导航条 188

8.5 小结 191

8.6 习题 191

第9章 编辑表单 193

9.1 使用表单标记——form 194

9.1.1 处理动作——action 194

9.1.2 表单名称——name 194

9.1.3 传送方法——method 195

9.1.4 编码方式——enctype 196

9.1.5 目标显示方式——target 197

9.2 添加控件 197

9.3 输入类的控件 198

9.3.1 文字字段——text 198

9.3.2 密码域——password 199

9.3.3 单选按钮——radio 201

9.3.4 复选框——checkbox 202

9.3.5 普通按钮——button 203

9.3.6 提交按钮——submit 204

9.3.7 重置按钮——reset 205

9.3.8 图像域——image 206

9.3.9 隐藏域——hidden 207

9.3.10 文件域——file 208

9.4 使用label定义标签 209

9.5 使用button定义按钮 210

9.6 列表／菜单标记 211

9.7 文本域标记textarea 213

9.8 id标记 214

9.9 在Dreamweaver中快速创建表单 215

9.10 小结 217

9.11 习题 217

第10章 多媒体页面 219

10.1 设置滚动文字 220

10.1.1 滚动文字标记——marquee 220

10.1.2 滚动方向属性——direction 220

10.1.3 滚动方式属性——behavior 221

10.1.4 滚动速度属性——scrollamount 222

10.1.5 滚动延迟属性——scrolldelay 223

10.1.6 滚动循环属性——loop 224

10.1.7 滚动范围属性——width、height 224

10.1.8 滚动背景颜色属性——bgcolor 225

10.1.9 滚动空间属性——hspace、vspace 226

10.2 添加背景音乐 227

10.2.1 设置背景音乐——bgsound 227

10.2.2 设置循环播放次数——loop 229

10.3 添加多媒体文件 230

10.3.1 添加多媒体文件标记——embed 230

10.3.2 设置自动运行——autostart 230

10.3.3 设置媒体文件的循环播放——loop 232

10.3.4 隐藏面板——hidden 232

10.3.5 添加其他类型的媒体文件 233

10.4 ＜object＞标签 234

10.4.1 插入音频文件 234

10.4.2 插入Flash动画 235

10.4.3 插入背景透明的Flash动画 237

10.4.4 插入视频文件 238

10.5 小结 239

10.6 习题 240

第2篇 HTML5高级应用 242

第11章 HTML5的新特性 242

11.1 谁在开发HTML5 243

11.2 HTML5的新认识 243

11.2.1 兼容性 243

11.2.2 实用性和用户优先 243

11.2.3 化繁为简 244

11.3 无插件范式 244

11.4 HTML5的新特性 245

第12章 HTML5与HTML4的区别 246

12.1 语法的改变 247

12.1.1 HTML5的语法变化 247

12.1.2 HTML5中的标记方法 247

12.1.3 HTML5语法中需要掌握的3个要点 248

12.1.4 标记示例 249

12.2 新增的元素和废除的元素 250

12.2.1 新增的结构元素 250

12.2.2 新增的块级（block）的语义元素 251

12.2.3 新增的行内（inline）的语义元素 252

12.2.4 新增的嵌入多媒体元素与交互性元素 253

12.2.5 新增的input元素的类型 254

12.2.6 废除的元素 254

12.3 新增的属性和废除的属性 255

12.3.1 新增的属性 255

12.3.2 废除的属性 257

12.4 全局属性 259

12.4.1 contentEditable属性 259

12.4.2 designMode属性 261

12.4.3 hidden属性 262

12.4.4 spellcheck属性 263

12.4.5 tabindex属性 264

12.5 小结 265

12.6 习题 265

第13章 HTML5的结构 266

13.1 新增的主体结构元素 267

13.1.1 article元素 267

13.1.2 section元素 269

13.1.3 nav元素 271

13.1.4 aside元素 273

13.1.5 time元素 274

13.1.6 pubdate属性 275

13.2 新增的非主体结构元素 275

13.2.1 header元素 275

13.2.2 hgroup元素 276

13.2.3 footer元素 277

13.2.4 address元素 278

13.3 HTML5结构 278

13.3.1 大纲 278

13.3.2 对结构元素使用样式 282

13.3.3 article元素的样式 283

13.4 小结 284

13.5 习题 284

第14章 HTML5中的表单 285

14.1 新增元素与属性 286

14.1.1 新增的属性 286

14.1.2 增加与改良的input元素的种类 289

14.1.3 output元素的添加 295

14.1.4 应用新增元素制作注册表单 296

14.2 对表单的验证 297

14.2.1 自动验证 297

14.2.2 checkValidity显式验证法 298

14.2.3 避免验证 299

14.2.4 使用setCustomValidity方法自定义错误信息 301

14.3 增加的页面元素 302

14.3.1 新增的figure元素 302

14.3.2 新增的details元素 303

14.3.3 新增的mark元素 305

14.3.4 新增的progress元素 307

14.3.5 新增的meter元素 308

14.3.6 改良的ol列表 309

14.3.7 改良的dl列表 310

14.3.8 加以严格限制的cite元素 311

14.3.9 重新定义的small元素 312

14.4 小结 312

14.5 习题 312

第15章 文件与拖放 314

15.1 选择文件 315

15.1.1 通过file对象选择文件 315

15.1.2 使用bIob接口获取文件的类型与大小 316

15.1.3 通过类型过滤选择的文件 317

15.2 使用FileReader接口读取文件 319

15.2.1 检测浏览器对FileReader接口 319

15.2.2 FileReader接口的方法 319

15.2.3 使用readAsDataURL方法预览图片 320

15.2.4 使用readAsText方法读取文本文件 321

15.2.5 FileReader接口中的事件 323

15.3 拖放API 324

15.3.1 实现拖放的步骤 324

15.3.2 通过拖放显示欢迎信息 328

15.3.3 使用拖放将商品拖入购物车 330

15.4 dataTransfer对象应用详解 332

15.4.1 使用effectAllowed和dropEffect属性设置拖放效果 333

15.4.2 使用setDragImage方法设置拖放图标 334

15.5 小结 335

15.6 习题 335

第16章 多媒体播放 336

16.1 HTML5多媒体的简述 337

16.1.1 HTML4中多媒体的应用 337

16.1.2 HTML5页面中的多媒体 337

16.2 多媒体元素基本属性 338

16.3 多媒体元素常用方法 346

16.3.1 媒体播放时的方法 346

16.3.2 canPlayType（type）方法 348

16.4 多媒体元素重要事件 350

16.4.1 事件处理方式 350

16.4.2 事件介绍 351

16.4.3 事件示例 353

16.5 小结 356

16.6 习题 356

第17章 绘制图形 358

17.1 canvas的基础知识 359

17.1.1 canvas的由来 359

17.1.2 canvas是什么 359

17.1.3 替代内容 359

17.1.4 CSS和canvas 360

17.1.5 浏览器对HTML5 Canvas的支持 360

17.1.6 在页面中放置canvas元素 360

17.1.7 绘制带边框矩形 362

17.2 在画布中使用路径 364

17.2.1 使用arc方法绘制圆形 364

17.2.2 使用moveTo与lineTo路径绘制火柴人 367

17.2.3 贝塞尔和二次方曲线 369

17.3 运用样式与颜色 371

17.3.1 fillStyle和strokeStyle属性 371

17.3.2 透明度globalAlpha 373

17.3.3 线型Line styles 374

17.4 绘制渐变图形 376

17.4.1 绘制线性渐变 376

17.4.2 绘制径向渐变 377

17.5 绘制变形图形 379

17.5.1 坐标的变换 379

17.5.2 坐标变换与路径的结合 380

17.5.3 矩阵变换 382

17.6 组合多个图形 385

17.7 给图形绘制阴影 388

17.8 应用图像 390

17.8.1 绘制图像 390

17.8.2 图像的局部放大 392

17.8.3 图像平铺 393

17.8.4 图像裁剪 395

17.8.5 像素的处理 396

17.9 绘制文字 398

17.10 保存与恢复状态 400

17.11 文件的保存 400

17.12 对画布绘制实现动画 401

17.13 综合实例——桌面时钟 404

17.14 小结 407

17.15 习题 407

第18章 本地存储 408

18.1 初识Web Storage 409

18.1.1 Web Storage是什么 409

18.1.2 使用WebStorage中的API 409

18.1.3 sessionStorage和localStorage的实例——计数器 414

18.1.4 Web Storage综合实例——留言本 416

18.1.5 JSON对象的存数实例——用户信息卡 418

18.2 本地数据库 420

18.2.1 Web SQL数据库简介 420

18.2.2 使用Web SQL Database API 421

18.2.3 本地数据库实例——用户登录 425

18.3 小结 428

18.4 习题 428

第19章 离线应用程序 430

19.1 HTML5离线Web应用概述 431

19.1.1 离线Web应用概述 431

19.1.2 本地缓存与浏览器网页缓存的区别 432

19.2 创建HTML5离线应用 432

19.2.1 缓存清单 432

19.2.2 配置IIS服务器 434

19.2.3 浏览manifest清单 434

19.3 浏览器与服务器的交互过程 436

19.4 判断在线状态 438

19.5 applicationCache对象 441

19.5.1 swapCache方法 443

19.5.2 applicationCache对象的事件 445

19.6 小结 448

19.7 习题 448

第20章 使用Web Workers处理线程 449

20.1 Web Workers概述 450

20.1.1 创建和使用Worker 450

20.1.2 Web Workers应用实例——求和运算 452

20.1.3 与线程进行数据的交互 454

20.2 在Worker内部能做什么 457

20.3 多个Javascript文件的加载与执行 457

20.4 线程嵌套 458

20.4.1 单层嵌套 458

20.4.2 在多个子线程中进行数据的交互 460

20.5 小结 463

20.6 习题 463

第21章 通信API 464

21.1 跨文档消息通信 465

21.1.1 使用postMessageAPI 465

21.1.2 跨文档消息传输 465

21.1.3 跨域通信 468

21.2 小结 470

第22章 获取地理位置信息 471

22.1 Geolocation API的概述 472

22.1.1 使用getCurrentPosition获取当前地理位置 472

22.1.2 使用watchPosition持续监视当前地理位置的信息 474

22.1.3 使用clearWatch停止获取当前用户的地理位置信息 474

22.2 position对象 474

22.3 在Google地图上显示“我在这里” 477

22.4 利用HTML5和百度地图实现定位处理 479

22.5 小结 481

22.6 习题 481

第3篇 HTML5项目实战 484

第23章 旅游信息网前台页面 484

23.1 概述 485

23.2 网站预览 485

23.3 关键技术 489

23.3.1 网站主题结构设计 489

23.3.2 HTML5结构元素的使用 489

23.4 网站公共部分设计 490

23.4.1 设计网站公共header 490

23.4.2 设计网站公共footer 497

23.5 网站主页设计 498

23.5.1 显示网站介绍及相关图片 498

23.5.2 主页左侧导航的实现 500

23.6 “留下足迹”页面设计 502

23.6.1 播放音乐 503

23.6.2 添加留言功能的实现 504

23.7 小结 505

附录 习题参考答案 506