HTML 5入门经典2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

HTML 5入门经典PDF格式电子书版下载

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

第一篇 基础知识篇2

第1章HTM L5开发前奏2

1.1为什么选择HTML5语言2

1.2 HTML发展历程3

1.3谁在开发HTML53

1.4 HTML5的新认识4

1.4.2实用性和用户优先4

1.4.3化繁为简4

1.5无插件范式5

1.6探秘——HTML5新特性5

1.7 HTML的标记构成6

1.7.1 HTML标记的使用技巧6

1.7.2开始标记〈html〉7

1.7.3头部标记〈head〉8

1.7.4标题标记〈title〉8

1.7.5主体标记〈body〉8

1.7.6编写文件时的注意事项8

1.8编写第一个HTML文件9

1.8.1 HTML文件的编写方法9

1.8.2手工编写页面9

1.8.3使用可视化软件制作页面11

1.8.4使用浏览器浏览HTML文件15

1.8.5明日图书网使用HTML开发15

第2章HTML5带来的标记变化18

2.1重中之重——头部标记18

2.2名称所在——标题〈title〉19

2.3隐藏很深——元信息标记<meta〉19

2.3.1页面关键字20

2.3.2页面描述20

2.3.3编辑工具21

2.3.4作者信息设置21

2.3.5限制搜索方式22

2.3.6网页文字及语言22

2.3.7定时跳转页面22

2.3.8有效期的设置24

2.3.9禁止从缓存中调用24

2.3.10删除过期的cookie24

2.3.11强制打开新窗口25

2.3.12网页的过渡效果设置25

2.4基底网址标记〈base〉28

2.5容量瓶——页面的主体标记〈body〉30

2.5.1彩色字体——text30

2.5.2背景颜色属性——bgcolor31

2.5.3背景图像属性——background32

2.5.4链接文字属性——link34

2.5.5边距——margin36

2.6程序员的备忘录——注释<！- -〉37

2.7.1创建基本的HTML网页37

2.7.2设定自动刷新39

第3章 HTML5网页的基本要素41

3.1从小到大——标题文字41

3.1.1标题字标记〈H〉41

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

3.2变化万千——文字格式43

3.2.1文字字体——face43

3.2.2字号——size44

3.2.3文字颜色——color45

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

3.2.5上标与下标——sup、 sub47

3.2.6删除线——strike47

3.2.7等宽文字标记——code48

3.2.8空格——&nbsp；49

3.2.9其他特殊符号50

3.3享有独立——段落格式51

3.3.1实现段落——P51

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

3.3.3换行标记——br52

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

3.3.5使文字水平居中——center54

3.3.6文字段落的缩进——blockquote55

3.4从头到尾——水平线标记55

3.4.1添加水平线——hr56

3.4.2水平线宽度与高度属性——width、 height56

3.4.3水平线的颜色——color57

3.4.4水平线的对齐方式——nlign59

3.4.5去掉水平线阴影——noshade59

3.5其他文字标记60

3.5.1文字标注标记——uby60

3.5.2声明变量标记——var61

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

3.6.1设置地址文字标记〈address〉63

3.6.2基字标记〈basefont〉64

3.6.3在文字上方标注说明标记〈rt〉64

第4章 让珍珠串起来——列表66

4.1有条不紊——列表标记66

4.2欠缺规范——无序列表67

4.2.1无序列表标记——ul67

4.2.2无序列表的类型——type68

4.3井井有条——有序列表70

4.3.1有序列表标记——ol70

4.3.2有序列表的类型——type71

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

4.4定义列表标记——dl74

4.5菜单列表标记——menu75

4.6目录列表——dir76

4.7一层又一层——嵌套列表77

4.7.1定义列表的嵌套77

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

4.8.1列表之间的嵌套80

4.8.2定义列表的使用81

4.8.3 ol列表的使用82

第5章 在迷宫中寻找出口——超链接84

5.1超链接84

5.2关于路径84

5.2.1绝对路径84

5.2.2相对路径85

5.2.3根路径85

5.3从哪里开始，到哪里结束——超链接85

5.3.1如何使用超链接标记85

5.3.2链接到另一个网页85

5.3.3超链接的目标窗口87

5.4深层挖掘——内部链接89

5.5查找方便——书签链接91

5.5.1建立书签91

5.5.2链接到同一页面的书签93

5.5.3链接到不同页面的书签94

5.6范围广泛——外部链接95

5.6.1通过HTTP95

5.6.2通过FTP97

5.6.3发送Email97

5.6.4下载文件98

5.7.1脚本链接100

5.7.2空链接101

5.8.1显示超链接的提示信息102

5.8.2设置图片的超链接103

第6章 如何显示图像105

6.1必须知道的图像格式105

6.2美丽图像—img106

6.3了解内在——图像属性107

6.3.1图像高度——height107

6.3.2图像宽度——width108

6.3.3图像边框——border109

6.3.4图像水平间距——hspace110

6.3.5图像垂直间距——vspace111

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

6.3.7图像的提示文字——alt113

6.4跳转——图像的超链接114

6.4.1图像的超链接114

6.4.2图像热区链接115

6.5.1图像中的提示文字属性116

6.5.2水平对齐、垂直对齐和文本围绕117

第7章 让程序听话——表格的应用119

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表格高度——height124

7.2.3表格对齐方式——align126

7.3围绕一圈——表格边框127

7.3.1表格边框宽度——border127

7.3.2表格边框颜色——bordercolor128

7.3.3内框宽度——cellspacing129

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

7.4五彩世界——表格背景131

7.4.1表格背景颜色——bgcolor131

7.4.2表格的背景图像——background132

7.5有效位置——表格行属性134

7.5.1行高度的设置——height134

7.5.2行的边框颜色——bordercolor135

7.5.3行的背景颜色——bgcolor136

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

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

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

7.6深入了解——单元格属性140

7.6.1单元格大小——width、 height140

7.6.2水平跨度——colspan141

7.6.3垂直跨度——rowspan142

7.6.4对齐方式——align、 valign143

7.6.5单元格的背景色——bgcolor144

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

7.6.7单元格的亮边框——bordercolorlight147

7.6.8单元格的暗边框——bordercolordark148

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

7.7完整的表格结构151

7.7.1表格的表首标记——thead151

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

7.7.3表格的表尾标记——tfoot154

7.8一层又一层——表格嵌套156

7.9.1表格的内部边框样式属性rules158

7.9.2表格的边框样式属性frame159

第二篇 核心技术篇162

第8章 更上一层楼——div标记162

8.1折叠在一起——层162

8.1.1层的分类162

8.1.2定义数据块163

8.2独占一行——〈div〉标记163

8.2.1 〈div〉标记164

8.2.2 〈div〉标记的属性164

8.2.3 〈span〉标记与〈div〉标记171

8.3 〈iframe〉标记172

8.3.1 〈iframe〉标记172

8.3.2 〈iframe〉标记的属性173

8.4 〈layer〉标记和〈ilayer〉标记175

8.4.1层标记的使用175

8.4.2 〈layer〉标记和〈ilayer〉标记的区别176

8.5应用〈div〉标记制作下拉菜单导航条176

第9章 获取数据——表单页面182

9.1什么是表单182

9.2处理页面——表单标记183

9.2.1处理程序——action183

9.2.2表单名称——name184

9.2.3传送方法——method184

9.2.4编码方式——enctype185

9.2.5目标显示方式——target185

9.4特定属性——输入标记187

9.4.1文字字段——text187

9.4.2密码域——password188

9.4.3单选按钮——radio189

9.4.4复选框——checkbox190

9.4.5普通按钮——button191

9.4.6提交按钮——submit192

9.4.7重置按钮——reset193

9.4.8图像域——image194

9.4.9隐藏域——hidden195

9.4.10文件域——file196

9.5菜单列表类标记197

9.6文本域标记〈textarea〉199

9.7 〈id〉标记200

9.8上机实践201

9.8.1使用enctype属性设置文件上传201

9.8.2使用特定属性来提交表单202

第10章 新颖奇特——多媒体页面205

10.1走来走去——文字的滚动205

10.1.1文字滚动——marquee205

10.1.2方向滚动——direction206

10.1.3方式滚动——behavior207

10.1.4速度滚动——scrollamount207

10.1.5延迟滚动——scrolldelay208

10.1.6循环滚动——loop209

10.1.7范围滚动——width、 height210

10.1.8背景颜色滚动——bgcolor210

10.1.9空间滚动——hspace、 vspace211

10.2有声有色——背景音乐212

10.2.1背景音乐——bgsound212

10.2.2循环播放次数——loop214

10.3影像观看——多媒体文件214

10.3.1多媒体文件标记——embed214

10.3.2自动运行——autostart215

10.3.3媒体文件的循环播放——loop216

10.3.4隐藏面板——hidden217

10.4上机实践218

10.4.1嵌入flash动画218

10.4.2嵌入Mp3音乐219

第11章 多姿多彩——绘制图形221

11.1 canvas的基础知识221

11.1.1 canvas是什么221

11.1.2在页面中放置canvas元素221

11.1.3绘制带边框矩形223

11.2在画布中使用路径225

11.2.1使用arc方法绘制圆形225

11.2.2使用moveTo与lineTo路径绘制火柴人226

11.2.3绘制贝济埃曲线228

11.3运用样式与颜色230

11.3.1 fillStyle和strokeStyle属性230

11.3.2透明度globalAlpha232

11.3.3线型的属性233

11.4绘制渐变图形236

11.4.1绘制线性渐变236

11.4.2绘制径向渐变237

11.5绘制变形图形238

11.5.1坐标的变换238

11.5.2矩阵变换240

11.6组合多个图形243

11.7给图形绘制阴影244

11.8应用图像245

11.8.1绘制图像245

11.8.2图像的局部放大247

11.8.3图像平铺248

11.8.4图像裁剪250

11.8.5像素的处理251

11.9绘制文字253

11.10保存与恢复状态254

11.11文件的保存254

11.12对画布绘制实现动画255

11.13上机实践256

11.13.1桌面时钟256

11.13.2移动、缩放、旋转绘制的图形258

11.13.3使用drawImage方法在画布中绘制图像259

第12章 与众不同——HTML5与HTML4261

12.1语法的改变261

12.1.1 HTML5的语法变化261

12.1.2 HTML5中的标记方法262

12.1.3 HTML5与之前HTML版本的不一致性262

12.1.4标记示例263

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

12.2.1新增的结构元素264

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

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

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

12.2.5新增的input元素的类型267

12.2.6废除的元素268

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

12.3.1新增的属性268

12.3.2废除的属性270

12.4全局属性271

12.4.1 contentEditable属性272

12.4.2 designMode属性273

12.4.3 hidden属性273

12.4.4 spellcheck属性273

12.4.5 tabindex属性274

12.5上机实践274

12.5.1 article元素嵌套274

12.5.2 section元素275

12.5.3 spellcheck属性的使用276

第13章 一剑封喉的武器——文件与拖放278

13.1选择文件278

13.1.1通过file对象选择文件278

13.1.2使用Blob接口获取文件的类型与大小279

13.1.3通过类型过滤选择的文件280

13.2使用FileReader接口读取文件282

13.2.1检测浏览器对FileReader接口282

13.2.2 FileReader接口的方法282

13.2.3使用readAsDataURL方法预览图片282

13.2.4使用readAsText方法读取文本文件284

13.2.5 FileReader接口中的事件285

13.3拖放API287

13.3.1实现拖放的步骤287

13.3.2通过拖放显示欢迎信息287

13.4 dataTransfer对象应用详解289

13.4.1使用effectAllowed和dropEffect属性设置拖放效果290

13.4.2使用setDragImage方法设置拖放图标290

13.5上机实践291

13.5.1使用JavaScript实现元素拖放291

13.5.2使用拖放API将商品拖入购物车292

13.5.3元素在拖放过程中触发的事件293

第14章 另一个世界——多媒体播放296

14.1 HTML5多媒体的简述296

14.1.1 HTML4中多媒体的应用296

14.1.2 HTML5页面中的多媒体297

14.2多媒体元素基本属性298

14.3多媒体元素常用方法302

14.3.1媒体播放时的方法302

14.3.2 canPlay7ype方法303

14.4多媒体元素重要事件303

14.4.1事件处理方式303

14.4.2事件介绍304

14.4.3事件示例305

14.5上机实践308

14.5.1自定义video元素控制条工具栏308

14.5.2 video元素的error属性的返回值309

14.5.3通过timeupdate事件显示媒体文件播放时间310

第三篇 高级应用篇314

第15章 疯狂HTML5——表单314

15.1新增元素与属性314

15.1.1新增的属性314

15.1.2增加与改良的input元素的种类317

15.1.3 output元素的添加323

15.1.4应用新增元素制作注册表单324

15.2对表单的验证325

15.2.1自动验证325

15.2.2 checkValidity显式验证法326

15.2.3避免验证327

15.2.4使用setCustomValidity方法自定义错误信息327

15.3增加的页面元素329

15.3.1新增的figure元素与figcaption元素329

15.3.2新增的details元素330

15.3.3新增的mark元素331

15.3.4新增的progress元素333

15.3.5新增的meter元素334

15.3.6改良的ol列表335

15.3.7改良的dl列表335

15.3.8加以严格限制的cite元素336

15.3.9重新定义的small元素337

15.4上机实践337

15.4.1 search搜索类型的input元素337

15.4.2 range类型的input元素338

第16章 划时代的Web API340

16.1初识Web Storage340

16.1.1 Web Storage是什么340

16.1.2使用Web Storage中的API341

16.1.3 sessionStorage和localStorage的实例——计数器342

16.1.4 Web Storage综合实例——留言本344

16.1.5 JSON对象的存数实例——用户信息卡346

16.2本地数据库348

16.2.1 Web SQL数据库简介348

16.2.2使用Web SQL Database API349

16.3跨文档消息通信350

16.3.1使用postMessage API350

16.3.2跨域通信351

16.4上机实践353

第17章 齐头并进——Web Worker处理线程358

17.1 Web Worker概貌358

17.1.1创建和使用Worker358

17.1.2 Web Worker应用实例——求和运算359

17.2在Worker内部能做什么361

17.3多个JavaScript文件的加载与执行361

17.4线程嵌套362

17.4.1单层嵌套362

17.4.2在多个子线程之间进行数据的交互364

17.5上机实践367

17.5.1使用线程传递JSON对象367

17.5.2使用线程嵌套交互数据367

第18章 不劳而获——离线应用程序370

18.1 HTML5离线Web应用概述370

18.1.1离线Web应用概述370

18.1.2本地缓存与浏览器网页缓存的区别372

18.2创建HTML5离线应用372

18.2.1缓存清单（manifest）372

18.2.2配置IIS服务器373

18.2.3浏览manifest清单374

18.3浏览器与服务器的交互过程374

18.4 applicationCache对象375

18.4.1 swapCache方法376

18.4.2 applicationCache对象的事件377

18.5上机实践380

18.5.1简单离线应用380

18.5.2离线留言数据交互381

第19章 获取地理位置信息383

19.1 Geolocation API的概述383

19.1.1使用getCurrentPosition获取当前地理位置383

19.1.2持续监视当前地理位置的信息385

19.1.3停止获取当前用户的地理位置信息385

19.2 position对象385

19.3在页面上使用Google地图387

19.4上机实践388

19.4.1获取地理位置定位388

19.4.2用HTML5开发地理位置定位地图389

第四篇 项目实战篇394

第20章 旅游信息网前台页394

20.1需求分析394

20.2系统设计394

20.2.1系统目标394

20.2.2网站预览394

20.3系统开发及运行环境398

20.4关键技术398

20.4.1网站主体结构设计398

20.4.2 HTML5结构元素的使用399

20.5网站公共部分设计400

20.5.1设计网站公共header400

20.5.2设计网站公共footer406

20.6网站主页设计407

20.6.1显示网站介绍及相关图片407

20.6.2主页左侧导航的实现408

20.7“留下足迹”页设计411

20.7.1播放音乐411

20.7.2添加留言功能的实现412