HTML5从入门到精通 第2版PDF|Epub|txt|kindle电子书版本网盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1篇 HTML基础知识2

第1章 HTML基础2

1.1 HTML的基本概念3

1.2 HTML发展史与HTML53

1.2.1 HTML的发展历史3

1.2.2 HTML 4.01和XHTML4

1.2.3 从XHTML到HTML55

1.3 迎接新的Web时代5

1.3.1 部分代替了原来的JavaScript6

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 删除过期的cookie30

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 设置文字颜色——text37

2.5.2 背景颜色属性——bgcolor38

2.5.3 背景图像属性——background38

2.5.4 设置链接文字属性——link41

2.5.5 设置边距——margin43

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 标题文字的对齐方式——align48

3.2 设置文字格式49

3.2.1 设置文字字体——face50

3.2.2 设置字号——size50

3.2.3 设置文字颜色——color51

3.2.4 粗体、斜体、下划线——strong、em、u52

3.2.5 上标与下标——sup、sub52

3.2.6 设置删除线——strike53

3.2.7 等宽文字标记——code54

3.2.8 空格——＆nbsp；54

3.2.9 其他特殊符号55

3.3 设置段落格式56

3.3.1 段落标记——p56

3.3.2 取消文字换行标记——nobr57

3.3.3 换行标记——br57

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

3.3.5 居中对齐标记——center59

3.3.6 向右缩进标记——blockquote59

3.4 水平线标记60

3.4.1 添加水平线——hr60

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

3.4.3 设置水平线的颜色——color62

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

3.4.5 去掉水平线阴影——noshade64

3.5 其他文字标记65

3.5.1 文字标注标记——ruby65

3.5.2 声明变量标记——var66

3.5.3 忽视HTML标签标记——plaintext、xmp67

3.5.4 设置地址文字标记——address68

3.6 小结68

3.7 习题69

第4章 使用列表70

4.1 列表的标记71

4.2 使用无序列表71

4.2.1 无序列表标记——ul71

4.2.2 设置无序列表的类型——type72

4.3 使用有序列表74

4.3.1 有序列表标记——ol74

4.3.2 有序列表的类型——type75

4.3.3 有序列表的起始数值——start76

4.4 定义列表标记——dl78

4.5 菜单列表标记——menu81

4.6 目录列表——dir82

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 通过FTP104

5.5.3 发送Email104

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 添加图像——img111

6.3 设置图像属性112

6.3.1 图像高度——height112

6.3.2 图像宽度——width113

6.3.3 图像边框——border114

6.3.4 图像水平间距——hspace115

6.3.5 图像垂直间距——vspace117

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

6.3.7 图像的提示文字——title119

6.3.8 图像的替换文字——alt120

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

6.4.1 avi的源文件属性dynsrc121

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

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

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、td131

7.1.2 设置表格的标题——caption132

7.1.3 表格的表头——th133

7.2 设置表格基本属性134

7.2.1 设置表格宽度——width135

7.2.2 设置表格高度——height136

7.2.3 设置表格对齐方式——align138

7.3 设置表格的边框139

7.3.1 表格边框宽度——border139

7.3.2 表格边框颜色——bordercolor140

7.3.3 内框宽度——cellspacing141

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

7.4 设置表格背景144

7.4.1 设置表格背景颜色——bgcolor144

7.4.2 设置表格的背景图像——background145

7.5 设置表格的行属性146

7.5.1 高度的控制——height146

7.5.2 边框颜色——bordercolor147

7.5.3 行背景——bgcolor、background148

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

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

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

7.6 调整单元格属性153

7.6.1 单元格大小——width、height153

7.6.2 水平跨度——colspan154

7.6.3 垂直跨度——rowspan155

7.6.4 对齐方式——align、valign157

7.6.5 设置单元格的背景色158

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

7.6.7 设置单元格的亮边框——bordercolorlight161

7.6.8 设置单元格的暗边框——bordercolordark162

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

7.7 表格的结构165

7.7.1 表格的表首标记——thead165

7.7.2 表格的表主体标记——tbody166

7.7.3 表格的表尾标记——tfoot168

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 使用表单标记——form194

9.1.1 处理动作——action194

9.1.2 表单名称——name194

9.1.3 传送方法——method195

9.1.4 编码方式——enctype196

9.1.5 目标显示方式——target197

9.2 添加控件197

9.3 输入类的控件198

9.3.1 文字字段——text198

9.3.2 密码域——password199

9.3.3 单选按钮——radio201

9.3.4 复选框——checkbox202

9.3.5 普通按钮——button203

9.3.6 提交按钮——submit204

9.3.7 重置按钮——reset205

9.3.8 图像域——image206

9.3.9 隐藏域——hidden207

9.3.10 文件域——file208

9.4 使用label定义标签209

9.5 使用button定义按钮210

9.6 列表／菜单标记211

9.7 文本域标记textarea213

9.8 id标记214

9.9 在Dreamweaver中快速创建表单215

9.10 小结217

9.11 习题217

第10章 多媒体页面219

10.1 设置滚动文字220

10.1.1 滚动文字标记——marquee220

10.1.2 滚动方向属性——direction220

10.1.3 滚动方式属性——behavior221

10.1.4 滚动速度属性——scrollamount222

10.1.5 滚动延迟属性——scrolldelay223

10.1.6 滚动循环属性——loop224

10.1.7 滚动范围属性——width、height224

10.1.8 滚动背景颜色属性——bgcolor225

10.1.9 滚动空间属性——hspace、vspace226

10.2 添加背景音乐227

10.2.1 设置背景音乐——bgsound227

10.2.2 设置循环播放次数——loop229

10.3 添加多媒体文件230

10.3.1 添加多媒体文件标记——embed230

10.3.2 设置自动运行——autostart230

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

10.3.4 隐藏面板——hidden232

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 谁在开发HTML5243

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 拖放API324

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和canvas360

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 透明度globalAlpha373

17.3.3 线型Line styles374

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 Storage409

18.1.1 Web Storage是什么409

18.1.2 使用WebStorage中的API409

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 API421

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 创建和使用Worker450

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章 通信API464

21.1 跨文档消息通信465

21.1.1 使用postMessageAPI465

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 设计网站公共header490

23.4.2 设计网站公共footer497

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