HTML自学视频教程PDF|Epub|txt|kindle电子书版本网盘下载

HTML自学视频教程PDF格式电子书版下载

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

第1篇 入门篇2

第1章 HTML5概述2

1.1 HTML5简介3

1.2 HTML的发展历程3

1.3 HTML5的新认识和新特性4

1.3.1 HTML5的新认识4

1.3.2 HTML5的新特性5

1.4 无插件方式5

1.5 HTML的标签构成6

1.5.1 HTML标签概述6

1.5.2 开始标签＜html＞7

1.5.3 头部标签＜head＞8

1.5.4 标题标签＜title＞8

1.5.5 主体标签＜body＞8

1.5.6 编写时注意事项8

1.6 编写HTML文件9

1.6.1 HTML文件的编写方法9

1.6.2 手工编写页面10

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

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

1.6.5 查看源文件15

1.7 本章小结16

第2章 HTML5基本标记17

2.1 头部标记＜head＞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 设置网页文字及语言21

2.3.6 设置限制搜索方式22

2.3.7 设置定时跳转页面22

2.3.8 设置网页的有效期24

2.3.9 删除过期的cookie24

2.3.10 禁止从缓存中调用25

2.3.11 强制打开新窗口25

2.3.12 设置网页的过渡效果26

2.4 基底网址标记＜base＞29

2.5 注释＜！-- --＞30

2.6 页面主体标记＜body＞31

2.6.1 文字颜色属性text31

2.6.2 背景颜色属性bgcolor32

2.6.3 背景图像属性background32

2.6.4 链接文字属性link35

2.6.5 边距属性margin38

2.7 综合应用38

2.7.1 设定自动刷新38

2.7.2 创建基本的HTML网页39

2.8 本章常见错误40

2.8.1 时间和链接地址之间分隔符写成逗号或空格40

2.8.2 页面关键字设置过多40

2.9 本章小结41

2.10 跟我上机41

第3章 网页文本内容42

3.1 标题文字43

3.1.1 标题文字标记＜h＞43

3.1.2 标题文字的对齐方式属性align43

3.2 文字格式45

3.2.1 文字字体属性face45

3.2.2 文字大小属性size46

3.2.3 文字颜色属性color47

3.2.4 粗体、斜体、下划线标记＜strong＞、＜em＞、＜u＞48

3.2.5 上标与下标标记＜sup＞、＜sub＞49

3.2.6 删除线标记＜strike＞49

3.2.7 等宽文字标记＜code＞、＜samp＞50

3.2.8 空格码“＆nbsp；”51

3.2.9 其他特殊符号52

3.3 段落格式53

3.3.1 段落标记＜p＞53

3.3.2 取消换行标记＜nobr＞54

3.3.3 换行标记＜br＞54

3.3.4 保留原始排版标记＜pre＞55

3.3.5 水平居中标记＜center＞56

3.3.6 文字段落缩进标记＜blockquote＞57

3.4 添加水平线58

3.4.1 水平线标记＜hr＞58

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

3.4.3 水平线的颜色属性color60

3.4.4 水平线的对齐方式属性align61

3.4.5 去掉水平线阴影属性noshade61

3.5 其他文字标记62

3.5.1 文字标注标记＜ruby＞62

3.5.2 声明变量标记＜var＞63

3.5.3 忽视HTML标签标记＜plaintext＞、＜xmp＞64

3.5.4 基字标记＜BASEFONT＞65

3.5.5 设置地址文字标记＜ADDRESS＞65

3.6 综合应用66

3.6.1 通过格式标签定义文本样式66

3.6.2 在文字上方标注说明67

3.7 本章常见错误68

3.7.1 粗体和斜体使用错误68

3.7.2 换行符＜br＞使用过多68

3.8 本章小结68

3.9 跟我上机68

第4章 列表的使用70

4.1 列表标记71

4.2 有序列表71

4.2.1 有序列表标记＜ol＞71

4.2.2 有序列表的类型属性type72

4.2.3 有序列表的起始数值属性start74

4.3 无序列表75

4.3.1 无序列表标记＜ul＞75

4.3.2 无序列表的类型属性type76

4.4 有序列表和无序列表的组合78

4.5 菜单列表标记＜menu＞80

4.6 定义列表标记＜dl＞81

4.7 目录列表标记＜dir＞82

4.8 嵌套列表83

4.8.1 定义列表的嵌套83

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

4.9 综合应用86

4.9.1 定义列表的使用86

4.9.2 ol列表的使用87

4.9.3 有序列表的嵌套89

4.10 本章常见错误90

4.10.1 有序列表的start属性不是数字90

4.10.2 列表使用不当90

4.11 本章小结90

4.12 跟我上机91

第5章 超链接92

5.1 什么是超链接和路径93

5.1.1 超链接93

5.1.2 路径93

5.2 超链接94

5.2.1 超链接标记＜a＞94

5.2.2 链接到其他网页94

5.2.3 目标窗口属性target96

5.3 内部链接98

5.4 外部链接100

5.4.1 通过HTTP协议进行外部链接101

5.4.2 FTP协议的外部链接102

5.4.3 发送E-mail的外部链接103

5.4.4 下载文件链接104

5.5 书签链接105

5.5.1 建立书签106

5.5.2 同页面的书签链接107

5.5.3 不同页面的书签链接109

5.6 其他链接110

5.6.1 脚本链接110

5.6.2 空链接111

5.7 综合应用111

5.7.1 设置图片的超链接111

5.7.2 框架的嵌套112

5.8 本章常见错误113

5.8.1 链接文件地址不正确113

5.8.2 建立书签链接未写“＃”114

5.9 本章小结114

5.10 跟我上机114

第6章 使用图像116

6.1 常用图像格式117

6.2 向网页中插入图像117

6.3 图像属性118

6.3.1 图像高度属性height118

6.3.2 图像宽度属性width119

6.3.3 图像边框属性border121

6.3.4 图像水平间距属性hspace122

6.3.5 图像垂直间距属性vspace123

6.3.6 图像的对齐方式属性align123

6.3.7 图像的提示文字属性alt125

6.4 图像的超链接126

6.4.1 设置图像的超链接126

6.4.2 设置图像的热区链接128

6.5 综合应用131

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

6.5.2 3种不同对齐方式132

6.6 本章常见错误133

6.6.1 同时设置图像的宽度或高度使图像变形133

6.6.2 图像文件路径不正确133

6.7 本章小结133

6.8 跟我上机134

第7章 表格应用135

7.1 表格的构成136

7.1.1 表格的基本构成＜table＞、 ＜tr＞、＜td＞136

7.1.2 表格的标题＜caption＞137

7.1.3 表格的表头＜th＞138

7.2 表格基本属性140

7.2.1 表格宽度width140

7.2.2 表格高度height141

7.2.3 表格对齐方式align143

7.2.4 表格边框宽度border144

7.2.5 表格边框颜色bordercolor145

7.2.6 内框宽度cellspacing146

7.2.7 表格内文字与边框间距cellpadding147

7.2.8 表格背景颜色bgcolor149

7.2.9 表格的背景图像background150

7.3 表格行属性151

7.3.1 行高度的设置height151

7.3.2 行的边框颜色bordercolor152

7.3.3 行的背景颜色bgcolor、background153

7.3.4 行文字的水平对齐方式align154

7.3.5 行文字的垂直对齐方式valign156

7.3.6 表格标题的垂直对齐方式align157

7.4 单元格属性158

7.4.1 单元格大小width、height158

7.4.2 水平跨度colspan159

7.4.3 垂直跨度rowspan160

7.4.4 对齐方式align、valign162

7.4.5 单元格的背景色bgcolor163

7.4.6 单元格的边框颜色bordercolor164

7.4.7 单元格的亮边框bordercolorlight166

7.4.8 单元格的暗边框bordercolordark167

7.4.9 单元格的背景图像background168

7.5 完整的表格结构170

7.5.1 表格的表首标记＜thead＞170

7.5.2 表格的表主体标记＜tbody＞172

7.5.3 表格的表尾标记＜tfoot＞173

7.6 表格嵌套175

7.7 综合应用176

7.7.1 表格的内部边框样式属性rules176

7.7.2 表格的边框样式属性frame177

7.7.3 表格的嵌套应用179

7.8 本章常见错误181

7.8.1 背景图像属性放置在＜tr＞标记中181

7.8.2 cellpadding参数值过大181

7.9 本章小结182

7.10 跟我上机182

第8章 编辑表单页面183

8.1 表单概述184

8.2 表单标记及其属性184

8.2.1 name属性185

8.2.2 action属性185

8.2.3 method属性185

8.2.4 enctype属性186

8.2.5 target属性186

8.3 输入标记＜input＞186

8.3.1 文字域text187

8.3.2 密码域password188

8.3.3 单选按钮radio189

8.3.4 复选框checkbox190

8.3.5 普通按钮button190

8.3.6 提交按钮submit191

8.3.7 重置按钮reset191

8.3.8 图像域image192

8.3.9 隐藏域hidden193

8.3.10 文件域file193

8.4 文本域标记＜textarea＞194

8.5 菜单和列表标记＜select＞、＜option＞195

8.6 在Dreamweaver中快速创建表单196

8.7 综合应用198

8.7.1 让密码域更安全198

8.7.2 制作个人信息页面199

8.7.3 编写用户注册信息页201

8.8 本章常见错误203

8.8.1 上传文件表单没有设置enctype属性203

8.8.2 表单中的列表不能实现多选203

8.9 本章小结203

8.10 跟我上机203

第9章 常用的网页标签206

9.1 层207

9.1.1 层的分类207

9.1.2 定义数据块207

9.2 ＜div＞标签208

9.2.1 ＜div＞标签概述208

9.2.2 ＜div＞标签的属性209

9.2.3 ＜span＞与＜div＞标签216

9.3 ＜layer＞和＜ilayer＞标签217

9.3.1 标签层的使用218

9.3.2 ＜layer＞和＜ilayer＞标签的区别219

9.4 ＜iframe＞标签219

9.4.1 ＜iframe＞标签概述219

9.4.2 ＜iframe＞际签的属性220

9.5 综合应用222

9.5.1 两个div并排222

9.5.2 应用div制作下拉菜单导航条222

9.5.3 设置一行两列浮动布局226

9.6 本章常见错误227

9.6.1 页面中的id属性值不唯一227

9.6.2 主体层中z-index属性值大于背景层228

9.7 本章小结228

9.8 跟我上机228

第10章 多媒体页面230

10.1 文字的滚动231

10.1.1 ＜marquee＞标记231

10.1.2 direction属性231

10.1.3 behavior属性232

10.1.4 scrollamount属性233

10.1.5 scrolldelay属性234

10.1.6 loop属性235

10.1.7 width、height属性235

10.1.8 bgcolor属性236

10.1.9 hspace、vspace属性237

10.2 背景音乐238

10.2.1 ＜bgsound＞标记238

10.2.2 loop属性239

10.3 多媒体文件240

10.3.1 ＜embed＞标记240

10.3.2 autostart属性241

10.3.3 loop属性242

10.3.4 hidden属性243

10.4 综合应用244

10.4.1 嵌入MP3音乐244

10.4.2 嵌入Flash动画245

10.5 本章常见错误246

10.5.1 文件URL地址不正确246

10.5.2 ＜embed＞标记的loop属性值设置为数字246

10.6 本章小结246

10.7 跟我上机246

第2篇 提高篇248

第11章 绘制图形248

11.1 canvas基础249

11.1.1 canvas元素简介249

11.1.2 插入canvas元素249

11.1.3 绘制矩形实例251

11.2 使用路径绘制圆形252

11.2.1 绘制圆形253

11.2.2 绘制火柴人254

11.2.3 绘制贝济埃曲线257

11.3 运用样式与颜色259

11.3.1 fillStyle和strokeStyle属性259

11.3.2 globalAlpha属性261

11.3.3 线型Line styles262

11.4 实现图形的变形264

11.4.1 坐标的变换264

11.4.2 矩阵变换266

11.5 绘制渐变图形269

11.5.1 绘制线性渐变269

11.5.2 绘制径向渐变271

11.6 绘制阴影和组合图形272

11.6.1 绘制阴影272

11.6.2 绘制组合图形273

11.7 绘制文字275

11.8 应用图像277

11.8.1 绘制图像277

11.8.2 图像的局部放大279

11.8.3 图像平铺280

11.8.4 图像裁剪282

11.8.5 处理像素283

11.9 保存与恢复状态285

11.10 文件的保存285

11.11 对画布绘制实现动画286

11.12 综合应用287

11.12.1 使用canvas API绘制简单动画287

11.12.2 移动、缩放、旋转绘制的图形288

11.13 本章常见错误288

11.13.1 canvas未设置id属性288

11.13.2 shadowBlur属性值错误289

11.14 本章小结289

11.15 跟我上机289

第12章 HTML5与HTML4291

12.1 HTML5的语法变化292

12.1.1 HTML5中的标记方法292

12.1.2 HTML5与之前版本的区别293

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

12.2.1 新增的结构元素294

12.2.2 新增的行内（inline）语义元素295

12.2.3 新增的块级（block）语义元素296

12.2.4 新增的input元素的类型297

12.2.5 新增的多媒体元素与交互性元素298

12.2.6 废除的元素299

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

12.3.1 新增的属性300

12.3.2 废除的属性302

12.4 全局属性303

12.4.1 designMode属性303

12.4.2 hidden属性304

12.4.3 contentEditable属性304

12.4.4 tabindex属性305

12.4.5 spellcheck属性305

12.5 综合应用306

12.5.1 article元素嵌套306

12.5.2 section元素307

12.6 本章常见错误308

12.6.1 charset和http-equiv属性同时使用308

12.6.2 spellcheck未声明属性值308

12.7 本章小结309

12.8 跟我上机309

第13章 HTML5的新增结构元素310

13.1 新增的主体结构元素311

13.1.1 article元素311

13.1.2 section元素314

13.1.3 nav元素316

13.1.4 aside元素317

13.1.5 time元素319

13.1.6 pubdate属性320

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

13.2.1 header元素320

13.2.2 hgroup元素321

13.2.3 footer元素322

13.2.4 address元素323

13.3 综合应用323

13.3.1 article元素嵌套323

13.3.2 section元素应用324

13.4 本章常见错误325

13.4.1 使用section元素时的常见错误325

13.4.2 用menu元素代替nav元素325

13.5 本章小结325

13.6 跟我上机326

第14章 表单的新增元素327

14.1 新增表单元素与属性328

14.1.1 增加与改良的input元素328

14.1.2 output元素333

14.1.3 应用新增元素制作注册表单333

14.1.4 新增的属性335

14.2 验证表单338

14.2.1 自动验证338

14.2.2 checkValidity显式验证法339

14.2.3 使用setCustomValidity（）方法自定义错误信息340

14.2.4 避免验证342

14.3 新增和改良的页面元素342

14.3.1 details元素342

14.3.2 figure与figcaption元素343

14.3.3 progress元素344

14.3.4 mark元素346

14.3.5 meter元素348

14.3.6 cite元素349

14.3.7 重新定义的small元素349

14.3.8 改良的ol列表349

14.3.9 改良的dl列表350

14.4 综合应用351

14.4.1 search搜索类型的input元素351

14.4.2 range类型的input元素352

14.5 本章常见错误353

14.5.1 progress元素的属性值错误353

14.5.2 使用required或pattern未指定name属性的值354

14.6 本章小结354

14.7 跟我上机354

第15章 多媒体播放356

15.1 HTML5页面中的多媒体357

15.2 多媒体元素的属性358

15.3 多媒体元素的方法362

15.3.1 媒体播放时的方法362

15.3.2 canPlayType（）方法363

15.4 多媒体元素的事件364

15.4.1 事件处理364

15.4.2 事件介绍364

15.5 综合应用368

15.5.1 video元素的error属性的返回值368

15.5.2 自定义video元素控制条工具栏369

15.6 本章常见错误370

15.6.1 不支持的播放格式370

15.6.2 播放文件URL地址不正确371

15.7 本章小结371

15.8 跟我上机371

第16章 文件与拖放373

16.1 选择文件374

16.1.1 FileList与file对象374

16.1.2 BIob对象的属性375

16.1.3 通过类型过滤文件376

16.2 使用FileReader对象读取文件377

16.2.1 检测浏览器对FileReader对象的支持378

16.2.2 FileReader对象的方法378

16.2.3 实现图片的预览379

16.2.4 文本文件的读取380

16.2.5 FileReader对象中的事件382

16.3 拖放API384

16.3.1 实现拖放的步骤384

16.3.2 拖放实例384

16.4 dataTransfer对象386

16.4.1 设置拖放效果387

16.4.2 设置拖放图标387

16.5 综合应用388

16.5.1 使用JavaScript实现元素拖放388

16.5.2 元素在拖放过程中触发的事件389

16.6 本章常见错误390

16.6.1 两个拖放效果值不相等390

16.6.2 页面未设置为不执行默认处理390

16.7 本章小结391

16.8 跟我上机391

第17章 Web API与通信API393

17.1 Web Storage394

17.1.1 Web Storage简介394

17.1.2 WebStorage的API394

17.1.3 两种不同存储类型的实例——计数器396

17.2 Web SQL数据库398

17.2.1 Web SQL数据库简介398

17.2.2 Web SQL Database API的使用398

17.3 跨文档消息通信400

17.3.1 postMessageAPI的使用401

17.3.2 跨文档消息传输401

17.4 综合应用403

17.4.1 JSON对象的存储实例——用户信息卡403

17.4.2 简单用户登录406

17.5 本章常见错误409

17.5.1 重复创建已经存在的数据表409

17.5.2 创建数据表时未使用事务409

17.6 本章小结409

17.7 跟我上机410

第18章 Web Workers处理线程412

18.1 创建和使用Worker413

18.2 Worker能做什么413

18.3 多个JavaScript文件的加载与执行414

18.4 线程的嵌套415

18.4.1 线程的单层嵌套415

18.4.2 多个子线程实现数据交互417

18.5 综合应用420

18.5.1 使用线程传递JSON对象420

18.5.2 使用线程嵌套交互数据421

18.6 本章常见错误422

18.6.1 在后台线程的脚本文件中使用文档对象或窗口对象422

18.6.2 导入脚本文件出现错误422

18.7 本章小结422

18.8 跟我上机422

第19章 离线应用和地理位置定位425

19.1 HTML5离线Web应用概述426

19.2 创建HTML5离线应用427

19.2.1 缓存清单文件manifest427

19.2.2 配置IIS服务器429

19.2.3 浏览manifest文件429

19.3 浏览器与服务器的交互430

19.4 applicationCache对象431

19.4.1 swapCache（）方法432

19.4.2 applicationCache对象的事件433

19.5 Geolocation API概述436

19.5.1 getCurrentPosition（）方法436

19.5.2 watchCurrentPosition（）方法438

19.5.3 clearWatch（）方法439

19.6 position对象439

19.7 综合应用440

19.7.1 简单离线应用440

19.7.2 离线留言数据交互441

19.7.3 在页面上使用Google地图442

19.7.4 获取地理位置定位444

19.8 本章常见错误445

19.8.1 使用swapCache（）方法得不到及时更新的页面445

19.8.2 获得用户当前位置信息时拒绝共享445

19.9 本章小结445

19.10 跟我上机445

第3篇 实战篇448

第20章 旅游信息网前台页面设计448

20.1 网站简介449

20.2 系统设计449

20.2.1 系统目标449

20.2.2 网站预览449

20.3 系统开发及运行环境453

20.4 关键技术453

20.4.1 网站主体结构设计453

20.4.2 HTML5结构元素的使用454

20.5 网站公共部分设计455

20.5.1 设计网站header455

20.5.2 设计网站footer461

20.6 网站主页设计462

20.6.1 网站介绍及相关图片462

20.6.2 左侧导航的实现464

20.7 留下足迹页设计467

20.7.1 音乐播放467

20.7.2 添加留言功能468

20.8 本章小结470