HTML5从入门到精通2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

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

第1篇 HTML基础3

第1章 HTML基础3

1.1 HTML的基本概念4

1.2 HTML发展史4

1.3 HTML的基本结构5

1.3.1 HTML文件的编写方法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.1 HTML文件的编写方法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

2.1 HTML头部标记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 删除过期的cookie25

2.3.11 强制打开新窗口25

2.3.12 设置网页的过渡效果26

2.4 基底网址标记＜base＞29

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

2.5.1 设置文字颜色——text31

2.5.2 背景颜色属性——bgcolor32

2.5.3 背景图像属性——background32

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

2.5.5 设置边距——margin37

2.6 页面的注释标记38

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

2.8 小结39

2.9 习题40

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

3.1 标题文字的建立42

3.1.1 标题文字标记＜h＞42

3.1.2 标题文字的对齐方式——align43

3.2 设置文字格式44

3.2.1 设置文字字体——face44

3.2.2 设置字号——size45

3.2.3 设置文字颜色——color46

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

3.2.5 上标与下标——sup、sub47

3.2.6 设置删除线——strike48

3.2.7 等宽文字标记——code49

3.2.8 空格——＆nbsp；49

3.2.9 其他特殊符号50

3.3 设置段落格式51

3.3.1 段落标记——p51

3.3.2 取消文字换行标记—nobr52

3.3.3 换行标记—br53

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

3.3.5 居中对齐标记——center54

3.3.6 向右缩进标记——blockquote55

3.4 水平线标记56

3.4.1 添加水平线——hr56

3.4.2 设置水平线的宽度与高度——width、height57

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

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

3.4.5 去掉水平线阴影——noshade60

3.5 其他文字标记60

3.5.1 文字标注标记——ruby60

3.5.2 声明变量标记——var61

3.5.3 忽视HTML标记——plaintext、xmp62

3.6 小结63

3.7 习题63

第4章 使用列表65

4.1 列表的标记66

4.2 使用无序列表66

4.2.1 无序列表标记——ul66

4.2.2 无序列表的符号类型——type67

4.3 使用有序列表69

4.3.1 有序列表标记——ol69

4.3.2 有序列表的属性——type70

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

4.4 定义列表标记—dl73

4.5 菜单列表标记——menu74

4.6 目录列表——dir75

4.7 使用嵌套列表76

4.7.1 定义列表的嵌套77

4.7.2 无序列表和有序列表的嵌套78

4.8 小结79

4.9 习题80

第5章 超链接81

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

5.5.3 发送E-mail95

5.5.4 下载文件96

5.6 其他链接98

5.6.1 脚本链接98

5.6.2 空链接99

5.7 小结99

5.8 习题100

第6章 使用图像101

6.1 图像的基本格式102

6.2 添加图像——img102

6.3 设置图像属性103

6.3.1 图像高度——height103

6.3.2 图像宽度——width104

6.3.3 图像边框——border105

6.3.4 图像水平间距——hspace107

6.3.5 图像垂直间距——vspace108

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

6.3.7 图像的提示文字——alt110

6.4 图像的超链接111

6.4.1 设置图像的超链接111

6.4.2 设置图像热区链接112

6.5 小结116

6.6 习题116

第7章 表格的应用118

7.1 创建表格119

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

7.1.2 表格的标题——caption120

7.1.3 表格的表头——th121

7.2 设置表格基本属性123

7.2.1 表格的宽度——width123

7.2.2 表格的高度——height125

7.2.3 表格的对齐方式——align126

7.3 设置表格的边框127

7.3.1 表格边框的宽度——border127

7.3.2 表格边框的颜色——bordercolor128

7.3.3 表格内框的宽度——cellspacing130

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

7.4 设置表格背景132

7.4.1 表格的背景颜色——bgcolor132

7.4.2 表格的背景图像——background133

7.5 设置表格的行属性134

7.5.1 高度的控制——height134

7.5.2 行的边框颜色——bordercolor135

7.5.3 行的背景颜色——bgcolor、background136

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

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

7.5.6 表格标题的垂直对齐方式——align140

7.6 调整单元格属性141

7.6.1 单元格大小——width、height141

7.6.2 单元格水平跨度——colspan142

7.6.3 单元格垂直跨度——rowspan143

7.6.4 单元格对齐方式——align、valign144

7.6.5 单元格的背景色146

7.6.6 单元格的边框颜色——bordercolor147

7.6.7 单元格的亮边框——bordercolorlight148

7.6.8 单元格的暗边框——bordercolordark150

7.6.9 单元格的背景图像——background151

7.7 表格的结构152

7.7.1 表格的表头标记——thead153

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

7.7.3 表格的表尾标记——tfoot156

7.8 表格的嵌套157

7.9 小结159

7.10 习题159

第8章 层标记——div161

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

9.1 使用表单标签——form182

9.1.1 处理动作——action182

9.1.2 表单名称——name183

9.1.3 传送方法——method183

9.1.4 编码方式——enctype184

9.1.5 目标显示方式——target185

9.2 添加控件185

9.3 输入类的控件186

9.3.1 文字字段——text186

9.3.2 密码域——password187

9.3.3 单选按钮——radio188

9.3.4 复选框——checkbox189

9.3.5 普通按钮——button190

9.3.6 提交按钮——submit191

9.3.7 重置按钮——reset192

9.3.8 图像域——image193

9.3.9 隐藏域——hidden195

9.3.10 文件域——file195

9.4 列表／菜单标记197

9.5 文本域标记——textarea198

9.6 id标记199

9.7 小结200

9.8 习题200

第10章 多媒体页面202

10.1 设置滚动文字203

10.1.1 滚动文字标签——marquee203

10.1.2 滚动方向属性——direction203

10.1.3 滚动方式属性——behavior204

10.1.4 滚动速度属性——scrollamount205

10.1.5 滚动延迟属性——scrolldelay206

10.1.6 滚动循环属性——loop207

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

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

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

10.2 添加背景音乐211

10.2.1 设置背景音乐——bgsound211

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

10.3 添加多媒体文件213

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

10.3.2 设置自动运行——autostart214

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

10.3.4 隐藏面板——hidden216

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

10.4 小结217

10.5 习题218

第2篇 HTML 5高级应用221

第11章 HTML 5的新特性221

11.1 谁在开发HTML 5222

11.2 HTML 5的新认识222

11.2.1 兼容性222

11.2.2 实用性和用户优先222

11.2.3 化繁为简223

11.3 无插件范式223

11.4 HTML 5的新特性224

11.5 小结224

第12章 HTML 5与HTML 4的区别225

12.1 语法的改变226

12.1.1 HTML 5的语法变化226

12.1.2 HTML 5中的标记方法226

12.1.3 HTML 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.1 contentEditable属性237

12.4.2 designMode属性238

12.4.3 hidden属性239

12.4.4 spellcheck属性239

12.4.5 tabindex属性240

12.5 小结240

12.6 习题240

第13章 HTML 5的结构242

13.1 新增的主体结构元素243

13.1.1 article元素243

13.1.2 section元素245

13.1.3 nav元素247

13.1.4 aside元素248

13.1.5 time元素250

13.1.6 pubdate属性250

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

13.2.1 header元素251

13.2.2 hgroup元素252

13.2.3 footer元素252

13.2.4 address元素253

13.3 小结253

13.4 习题254

第14章 HTML 5中的表单255

14.1 新增表单元素与属性256

14.1.1 新增的属性256

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

14.1.3 output元素的添加264

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

14.2 对表单的验证266

14.2.1 自动验证266

14.2.2 checkValidity显式验证法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

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.2 FileReader接口的方法285

15.2.3 使用readAsDataURL方法预览图片286

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

15.2.5 FileReader接口中的事件288

15.3 拖放API290

15.3.1 实现拖放的步骤290

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

15.4 dataTransfer对象应用详解293

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

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

15.5 小结295

15.6 习题295

第16章 多媒体播放296

16.1 HTML 5多媒体的简述297

16.1.1 HTML 4中多媒体的应用297

16.1.2 HTML 5页面中的多媒体297

16.2 多媒体元素基本属性298

16.3 多媒体元素常用方法302

16.3.1 媒体播放时的方法302

16.3.2 canPlayType（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

17.1 canvas的基础知识311

17.1.1 canvas是什么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.1 fillStyle和strokeStyle属性319

17.3.2 透明度globalAlpha321

17.3.3 线型Line styles323

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

18.1 初识Web Storage353

18.1.1 什么是Web Storage353

18.1.2 使用Web Storage中的API353

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

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

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

18.2 本地数据库361

18.2.1 Web SQL数据库简介361

18.2.2 使用Web SQL Database API362

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

18.3 小结367

18.4 习题367

第19章 离线应用程序368

19.1 HTML 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.4 applicationCache对象374

19.4.1 swapCache方法375

19.4.2 applicationCache对象的事件376

19.5 小结379

19.6 习题379

第20章 使用Web Worker处理线程380

20.1 Web Worker概述381

20.1.1 创建和使用Worker381

20.1.2 WebWorker应用实例——求和运算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章 通信API391

21.1 跨文档消息通信392

21.1.1 使用postMessageAPI392

21.1.2 跨文档消息传输392

21.2 小结394

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

22.1 Geolocation API的概述396

22.1.1 使用getCurrentPosition方法获取当前地理位置396

22.1.2 持续监视当前地理位置的信息398

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

22.2 position对象398

22.3 在google地图上显示“我在这里”399

22.4 小结401

22.5 习题401

第3篇 HTML 5项目实战405

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

23.1 概述406

23.2 网站预览406

23.3 关键技术410

23.3.1 网站主体结构设计410

23.3.2 HTML 5结构元素的使用410

23.4 网站公共部分设计411

23.4.1 设计网站公共header411

23.4.2 设计网站公共footer418

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