出版日期:2014-12
ISBN:9787302371040
作者:软件开发技术联盟
作者简介
《HTML自学视频教程》以初学者为主要对象，全面介绍了使用HTML5进行网页开发的各种技术。在内容排列上由浅入深，让读者循序渐进地掌握HTML5网页开发技术；在内容讲解上结合丰富的图解和形象的比喻，帮助读者理解晦涩难懂的技术；在内容形式上附有大量的注意、说明、技巧等栏目，夯实读者理论技术，丰富管理与开发经验。
《HTML自学视频教程》共分3篇20章，其中，第1篇为入门篇，主要包括HTML5概述、HTML5基本标记、网页文本内容、列表的使用、超链接、使用图像、表格应用、编辑表单页面、常用的网页标签、多媒体页面等内容；第2篇为提高篇，主要包括绘制图形、HTML5与HTML4、HTML5的新增结构元素、表单的新增元素、多媒体播放、文件与拖放、Web API与通信API、Web Workers处理线程、离线应用和地理位置定位等内容；第3篇为实战篇，主要介绍旅游信息网前台页面设计这一实战项目。另外本书光盘含：
12小时视频讲解/1120个编程实例/15个经典模块分析/17个项目开发案例/587个编程实践任务/596个能力测试题目（基础能力测试、数学及逻辑思维能力测试、面试能力测试、编程英语能力测试）/23个IT励志故事。
本书适用于HTML网页开发的爱好者、初学者和中级开发人员，也可以作为大中专院校和培训机构的教材。
书籍目录
目 录
本书光盘"自主学习系统"内容索引...XIII
第1篇 入 门 篇
第1章 HTML5概述
2
（ 视频讲解：26分钟）
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 开始标签
7
1.5.3 头部标签
8
1.5.4 标题标签<br />8<br /> 1.5.5 主体标签<body><br />8<br /> 1.5.6 编写时注意事项<br />8<br /> 1.6 编写HTML文件<br />9<br /> 1.6.1 HTML文件的编写方法<br />9<br /> 1.6.2 手工编写页面<br />10<br /> 1.6.3 使用可视化软件制作页面<br />11<br /> 1.6.4 使用浏览器浏览HTML文件<br />15<br /> 1.6.5 查看源文件<br />15<br /> 1.7 本章小结<br />16<br /> 第2章 HTML5基本标记<br />17<br /> （ 视频讲解：44分钟）<br /> 2.1 头部标记<head><br />18<br /> 2.2 标题标记<title><br />18<br /> 2.3 元信息标记<meta><br />19<br /> 2.3.1 设置页面关键字<br />19<br /> 2.3.2 设置页面描述<br />20<br /> 2.3.3 设置作者信息<br />20<br /> 2.3.4 设置编辑工具<br />21<br /> 2.3.5 设置网页文字及语言<br />21<br /> 2.3.6 设置限制搜索方式<br />22<br /> 2.3.7 设置定时跳转页面<br />22<br /> 2.3.8 设置网页的有效期<br />24<br /> 2.3.9 删除过期的cookie<br />24<br /> 2.3.10 禁止从缓存中调用<br />25<br /> 2.3.11 强制打开新窗口<br />25<br /> 2.3.12 设置网页的过渡效果<br />26<br /> 2.4 基底网址标记<base><br />29<br /> 2.5 注释<!-- --><br />30<br /> 2.6 页面主体标记<body><br />31<br /> 2.6.1 文字颜色属性text<br />31<br /> 2.6.2 背景颜色属性bgcolor<br />32<br /> 2.6.3 背景图像属性background<br />32<br /> 2.6.4 链接文字属性link<br />35<br /> 2.6.5 边距属性margin<br />38<br /> 2.7 综合应用<br />38<br /> 2.7.1 设定自动刷新<br />38<br /> 2.7.2 创建基本的HTML网页<br />39<br /> 2.8 本章常见错误<br />40<br /> 2.8.1 时间和链接地址之间分隔符写成<br /> 逗号或空格<br />40<br /> 2.8.2 页面关键字设置过多<br />40<br /> 2.9 本章小结<br />41<br /> 2.10 跟我上机<br />41<br /> 第3章 网页文本内容<br />42<br /> （ 视频讲解：28分钟）<br /> 3.1 标题文字<br />43<br /> 3.1.1 标题文字标记<h><br />43<br /> 3.1.2 标题文字的对齐方式属性align<br />43<br /> 3.2 文字格式<br />45<br /> 3.2.1 文字字体属性face<br />45<br /> 3.2.2 文字大小属性size<br />46<br /> 3.2.3 文字颜色属性color<br />47<br /> 3.2.4 粗体、斜体、下划线标记<strong>、<br /> <em>、<u><br />48<br /> 3.2.5 上标与下标标记<sup>、<sub><br />49<br /> 3.2.6 删除线标记<strike><br />49<br /> 3.2.7 等宽文字标记<code>、<samp><br />50<br /> 3.2.8 空格码""<br />51<br /> 3.2.9 其他特殊符号<br />52<br /> 3.3 段落格式<br />53<br /> 3.3.1 段落标记<p><br />53<br /> 3.3.2 取消换行标记<nobr><br />54<br /> 3.3.3 换行标记<br><br />54<br /> 3.3.4 保留原始排版标记<pre><br />55<br /> 3.3.5 水平居中标记<center><br />56<br /> 3.3.6 文字段落缩进标记<br /> <blockquote><br />57<br /> 3.4 添加水平线<br />58<br /> 3.4.1 水平线标记<hr><br />58<br /> 3.4.2 水平线宽度与高度属性width、<br /> size<br />59<br /> 3.4.3 水平线的颜色属性color<br />60<br /> 3.4.4 水平线的对齐方式属性align<br />61<br /> 3.4.5 去掉水平线阴影属性noshade<br />61<br /> 3.5 其他文字标记<br />62<br /> 3.5.1 文字标注标记<ruby><br />62<br /> 3.5.2 声明变量标记<var><br />63<br /> 3.5.3 忽视HTML标签标记<plaintext>、<xmp><br />64<br /> 3.5.4 基字标记<BASEFONT><br />65<br /> 3.5.5 设置地址文字标记<br /> <ADDRESS><br />65<br /> 3.6 综合应用<br />66<br /> 3.6.1 通过格式标签定义文本样式<br />66<br /> 3.6.2 在文字上方标注说明<br />67<br /> 3.7 本章常见错误<br />68<br /> 3.7.1 粗体和斜体使用错误<br />68<br /> 3.7.2 换行符<br>使用过多<br />68<br /> 3.8 本章小结<br />68<br /> 3.9 跟我上机<br />68<br /> 第4章 列表的使用<br />70<br /> （ 视频讲解：34分钟）<br /> 4.1 列表标记<br />71<br /> 4.2 有序列表<br />71<br /> 4.2.1 有序列表标记<ol><br />71<br /> 4.2.2 有序列表的类型属性type<br />72<br /> 4.2.3 有序列表的起始数值属性start<br />74<br /> 4.3 无序列表<br />75<br /> 4.3.1 无序列表标记<ul><br />75<br /> 4.3.2 无序列表的类型属性type<br />76<br /> 4.4 有序列表和无序列表的组合<br />78<br /> 4.5 菜单列表标记<menu><br />80<br /> 4.6 定义列表标记<dl><br />81<br /> 4.7 目录列表标记<dir><br />82<br /> 4.8 嵌套列表<br />83<br /> 4.8.1 定义列表的嵌套<br />83<br /> 4.8.2 有序列表和无序列表的嵌套<br />85<br /> 4.9 综合应用<br />86<br /> 4.9.1 定义列表的使用<br />86<br /> 4.9.2 ol列表的使用<br />87<br /> 4.9.3 有序列表的嵌套<br />89<br /> 4.10 本章常见错误<br />90<br /> 4.10.1 有序列表的start属性不是<br /> 数字<br />90<br /> 4.10.2 列表使用不当<br />90<br /> 4.11 本章小结<br />90<br /> 4.12 跟我上机<br />91<br /> 第5章 超链接<br />92<br /> （ 视频讲解：20分钟）<br /> 5.1 什么是超链接和路径<br />93<br /> 5.1.1 超链接<br />93<br /> 5.1.2 路径<br />93<br /> 5.2 超链接<br />94<br /> 5.2.1 超链接标记<a><br />94<br /> 5.2.2 链接到其他网页<br />94<br /> 5.2.3 目标窗口属性target<br />96<br /> 5.3 内部链接<br />98<br /> 5.4 外部链接<br />100<br /> 5.4.1 通过HTTP协议进行外部<br /> 链接<br />101<br /> 5.4.2 FTP协议的外部链接<br />102<br /> 5.4.3 发送E-mail的外部链接<br />103<br /> 5.4.4 下载文件链接<br />104<br /> 5.5 书签链接<br />105<br /> 5.5.1 建立书签<br />106<br /> 5.5.2 同页面的书签链接<br />107<br /> 5.5.3 不同页面的书签链接<br />109<br /> 5.6 其他链接<br />110<br /> 5.6.1 脚本链接<br />110<br /> 5.6.2 空链接<br />111<br /> 5.7 综合应用<br />111<br /> 5.7.1 设置图片的超链接<br />111<br /> 5.7.2 框架的嵌套<br />112<br /> 5.8 本章常见错误<br />113<br /> 5.8.1 链接文件地址不正确<br />113<br /> 5.8.2 建立书签链接未写"#"<br />114<br /> 5.9 本章小结<br />114<br /> 5.10 跟我上机<br />114<br /> 第6章 使用图像<br />116<br /> （ 视频讲解：32分钟）<br /> 6.1 常用图像格式<br />117<br /> 6.2 向网页中插入图像<br />117<br /> 6.3 图像属性<br />118<br /> 6.3.1 图像高度属性height<br />118<br /> 6.3.2 图像宽度属性width<br />119<br /> 6.3.3 图像边框属性border<br />121<br /> 6.3.4 图像水平间距属性hspace<br />122<br /> 6.3.5 图像垂直间距属性vspace<br />123<br /> 6.3.6 图像的对齐方式属性align<br />123<br /> 6.3.7 图像的提示文字属性alt<br />125<br /> 6.4 图像的超链接<br />126<br /> 6.4.1 设置图像的超链接<br />126<br /> 6.4.2 设置图像的热区链接<br />128<br /> 6.5 综合应用<br />131<br /> 6.5.1 图像中的提示文字属性<br />131<br /> 6.5.2 3种不同对齐方式<br />132<br /> 6.6 本章常见错误<br />133<br /> 6.6.1 同时设置图像的宽度或高度使<br /> 图像变形<br />133<br /> 6.6.2 图像文件路径不正确<br />133<br /> 6.7 本章小结<br />133<br /> 6.8 跟我上机<br />134<br /> 第7章 表格应用<br />135<br /> （ 视频讲解：48分钟）<br /> 7.1 表格的构成<br />136<br /> 7.1.1 表格的基本构成<table>、<br /> <tr>、<td><br />136<br /> 7.1.2 表格的标题<caption><br />137<br /> 7.1.3 表格的表头<th><br />138<br /> 7.2 表格基本属性<br />140<br /> 7.2.1 表格宽度width<br />140<br /> 7.2.2 表格高度height<br />141<br /> 7.2.3 表格对齐方式align<br />143<br /> 7.2.4 表格边框宽度border<br />144<br /> 7.2.5 表格边框颜色bordercolor<br />145<br /> 7.2.6 内框宽度cellspacing<br />146<br /> 7.2.7 表格内文字与边框间距<br /> cellpadding<br />147<br /> 7.2.8 表格背景颜色bgcolor<br />149<br /> 7.2.9 表格的背景图像background<br />150<br /> 7.3 表格行属性<br />151<br /> 7.3.1 行高度的设置height<br />151<br /> 7.3.2 行的边框颜色bordercolor<br />152<br /> 7.3.3 行的背景颜色bgcolor、<br /> background<br />153<br /> 7.3.4 行文字的水平对齐方式align<br />154<br /> 7.3.5 行文字的垂直对齐方式valign<br />156<br /> 7.3.6 表格标题的垂直对齐方式align<br />157<br /> 7.4 单元格属性<br />158<br /> 7.4.1 单元格大小width、height<br />158<br /> 7.4.2 水平跨度colspan<br />159<br /> 7.4.3 垂直跨度rowspan<br />160<br /> 7.4.4 对齐方式align、valign<br />162<br /> 7.4.5 单元格的背景色bgcolor<br />163<br /> 7.4.6 单元格的边框颜色<br /> bordercolor<br />164<br /> 7.4.7 单元格的亮边框<br /> bordercolorlight<br />166<br /> 7.4.8 单元格的暗边框<br /> bordercolordark<br />167<br /> 7.4.9 单元格的背景图像background<br />168<br /> 7.5 完整的表格结构<br />170<br /> 7.5.1 表格的表首标记<thead><br />170<br /> 7.5.2 表格的表主体标记<tbody><br />172<br /> 7.5.3 表格的表尾标记<tfoot><br />173<br /> 7.6 表格嵌套<br />175<br /> 7.7 综合应用<br />176<br /> 7.7.1 表格的内部边框样式属性<br /> rules<br />176<br /> 7.7.2 表格的边框样式属性frame<br />177<br /> 7.7.3 表格的嵌套应用<br />179<br /> 7.8 本章常见错误<br />181<br /> 7.8.1 背景图像属性放置在<tr><br /> 标记中<br />181<br /> 7.8.2 cellpadding参数值过大<br />181<br /> 7.9 本章小结<br />182<br /> 7.10 跟我上机<br />182<br /> 第8章 编辑表单页面<br />183<br /> （ 视频讲解：26分钟）<br /> 8.1 表单概述<br />184<br /> 8.2 表单标记及其属性<br />184<br /> 8.2.1 name属性<br />185<br /> 8.2.2 action属性<br />185<br /> 8.2.3 method属性<br />185<br /> 8.2.4 enctype属性<br />186<br /> 8.2.5 target属性<br />186<br /> 8.3 输入标记<input><br />186<br /> 8.3.1 文字域text<br />187<br /> 8.3.2 密码域password<br />188<br /> 8.3.3 单选按钮radio<br />189<br /> 8.3.4 复选框checkbox<br />190<br /> 8.3.5 普通按钮button<br />190<br /> 8.3.6 提交按钮submit<br />191<br /> 8.3.7 重置按钮reset<br />191<br /> 8.3.8 图像域image<br />192<br /> 8.3.9 隐藏域hidden<br />193<br /> 8.3.10 文件域file<br />193<br /> 8.4 文本域标记<textarea><br />194<br /> 8.5 菜单和列表标记<select>、<br /> <option><br />195<br /> 8.6 在Dreamweaver中快速创建<br /> 表单<br />196<br /> 8.7 综合应用<br />198<br /> 8.7.1 让密码域更安全<br />198<br /> 8.7.2 制作个人信息页面<br />199<br /> 8.7.3 编写用户注册信息页<br />201<br /> 8.8 本章常见错误<br />203<br /> 8.8.1 上传文件表单没有设置enctype<br /> 属性<br />203<br /> 8.8.2 表单中的列表不能实现多选<br />203<br /> 8.9 本章小结<br />203<br /> 8.10 跟我上机<br />203<br /> 第9章 常用的网页标签<br />206<br /> （ 视频讲解：26分钟）<br /> 9.1 层<br />207<br /> 9.1.1 层的分类<br />207<br /> 9.1.2 定义数据块<br />207<br /> 9.2 <div>标签<br />208<br /> 9.2.1 <div>标签概述<br />208<br /> 9.2.2 <div>标签的属性<br />209<br /> 9.2.3 <span>与<div>标签<br />216<br /> 9.3 <layer>和<ilayer>标签<br />217<br /> 9.3.1 标签层的使用<br />218<br /> 9.3.2 <layer>和<ilayer>标签的区别<br />219<br /> 9.4 <iframe>标签<br />219<br /> 9.4.1 <iframe>标签概述<br />219<br /> 9.4.2 <iframe>标签的属性<br />220<br /> 9.5 综合应用<br />222<br /> 9.5.1 两个div并排<br />222<br /> 9.5.2 应用div制作下拉菜单<br /> 导航条<br />222<br /> 9.5.3 设置一行两列浮动布局<br />226<br /> 9.6 本章常见错误<br />227<br /> 9.6.1 页面中的id属性值不唯一<br />227<br /> 9.6.2 主体层中z-index属性值大于<br /> 背景层<br />228<br /> 9.7 本章小结<br />228<br /> 9.8 跟我上机<br />228<br /> 第10章 多媒体页面<br />230<br /> （ 视频讲解：20分钟）<br /> 10.1 文字的滚动<br />231<br /> 10.1.1 <marquee>标记<br />231<br /> 10.1.2 direction属性<br />231<br /> 10.1.3 behavior属性<br />232<br /> 10.1.4 scrollamount属性<br />233<br /> 10.1.5 scrolldelay属性<br />234<br /> 10.1.6 loop属性<br />235<br /> 10.1.7 width、height属性<br />235<br /> 10.1.8 bgcolor属性<br />236<br /> 10.1.9 hspace、vspace属性<br />237<br /> 10.2 背景音乐<br />238<br /> 10.2.1 <bgsound>标记<br />238<br /> 10.2.2 loop属性<br />239<br /> 10.3 多媒体文件<br />240<br /> 10.3.1 <embed>标记<br />240<br /> 10.3.2 autostart属性<br />241<br /> 10.3.3 loop属性<br />242<br /> 10.3.4 hidden属性<br />243<br /> 10.4 综合应用<br />244<br /> 10.4.1 嵌入MP3音乐<br />244<br /> 10.4.2 嵌入Flash动画<br />245<br /> 10.5 本章常见错误<br />246<br /> 10.5.1 文件URL地址不正确<br />246<br /> 10.5.2 <embed>标记的loop属性值设置<br /> 为数字<br />246<br /> 10.6 本章小结<br />246<br /> 10.7 跟我上机<br />246<br /> <br /> <br /> 第2篇 提 高 篇<br /> 第11章 绘制图形<br />248<br /> （ 视频讲解：1小时25分钟）<br /> 11.1 canvas基础<br />249<br /> 11.1.1 canvas元素简介<br />249<br /> 11.1.2 插入canvas元素<br />249<br /> 11.1.3 绘制矩形实例<br />251<br /> 11.2 使用路径绘制圆形<br />252<br /> 11.2.1 绘制圆形<br />253<br /> 11.2.2 绘制火柴人<br />254<br /> 11.2.3 绘制贝济埃曲线<br />257<br /> 11.3 运用样式与颜色<br />259<br /> 11.3.1 fillStyle和strokeStyle属性<br />259<br /> 11.3.2 globalAlpha属性<br />261<br /> 11.3.3 线型Line styles<br />262<br /> 11.4 实现图形的变形<br />264<br /> 11.4.1 坐标的变换<br />264<br /> 11.4.2 矩阵变换<br />266<br /> 11.5 绘制渐变图形<br />269<br /> 11.5.1 绘制线性渐变<br />269<br /> 11.5.2 绘制径向渐变<br />271<br /> 11.6 绘制阴影和组合图形<br />272<br /> 11.6.1 绘制阴影<br />272<br /> 11.6.2 绘制组合图形<br />273<br /> 11.7 绘制文字<br />275<br /> 11.8 应用图像<br />277<br /> 11.8.1 绘制图像<br />277<br /> 11.8.2 图像的局部放大<br />279<br /> 11.8.3 图像平铺<br />280<br /> 11.8.4 图像裁剪<br />282<br /> 11.8.5 处理像素<br />283<br /> 11.9 保存与恢复状态<br />285<br /> 11.10 文件的保存<br />285<br /> 11.11 对画布绘制实现动画<br />286<br /> 11.12 综合应用<br />287<br /> 11.12.1 使用canvas API绘制简单<br /> 动画<br />287<br /> 11.12.2 移动、缩放、旋转绘制的<br /> 图形<br />288<br /> 11.13 本章常见错误<br />288<br /> 11.13.1 canvas未设置id属性<br />288<br /> 11.13.2 shadowBlur属性值错误<br />289<br /> 11.14 本章小结<br />289<br /> 11.15 跟我上机<br />289<br /> 第12章 HTML5与HTML4<br />291<br /> （ 视频讲解：50分钟）<br /> 12.1 HTML5的语法变化<br />292<br /> 12.1.1 HTML5中的标记方法<br />292<br /> 12.1.2 HTML5与之前版本的区别<br />293<br /> 12.2 新增的元素和废除的元素<br />294<br /> 12.2.1 新增的结构元素<br />294<br /> 12.2.2 新增的行内（inline）语义<br /> 元素<br />295<br /> 12.2.3 新增的块级（block）语义<br /> 元素<br />296<br /> 12.2.4 新增的input元素的类型<br />297<br /> 12.2.5 新增的多媒体元素与交互性<br /> 元素<br />298<br /> 12.2.6 废除的元素<br />299<br /> 12.3 新增的属性和废除的属性<br />299<br /> 12.3.1 新增的属性<br />300<br /> 12.3.2 废除的属性<br />302<br /> 12.4 全局属性<br />303<br /> 12.4.1 designMode属性<br />303<br /> 12.4.2 hidden属性<br />304<br /> 12.4.3 contentEditable属性<br />304<br /> 12.4.4 tabindex属性<br />305<br /> 12.4.5 spellcheck属性<br />305<br /> 12.5 综合应用<br />306<br /> 12.5.1 article元素嵌套<br />306<br /> 12.5.2 section元素<br />307<br /> 12.6 本章常见错误<br />308<br /> 12.6.1 charset和http-equiv属性同时<br /> 使用<br />308<br /> 12.6.2 spellcheck未声明属性值<br />308<br /> 12.7 本章小结<br />309<br /> 12.8 跟我上机<br />309<br /> 第13章 HTML5的新增结构元素<br />310<br /> （ 视频讲解：20分钟）<br /> 13.1 新增的主体结构元素<br />311<br /> 13.1.1 article元素<br />311<br /> 13.1.2 section元素<br />314<br /> 13.1.3 nav元素<br />316<br /> 13.1.4 aside元素<br />317<br /> 13.1.5 time元素<br />319<br /> 13.1.6 pubdate属性<br />320<br /> 13.2 新增的非主体结构元素<br />320<br /> 13.2.1 header元素<br />320<br /> 13.2.2 hgroup元素<br />321<br /> 13.2.3 footer元素<br />322<br /> 13.2.4 address元素<br />323<br /> 13.3 综合应用<br />323<br /> 13.3.1 article元素嵌套<br />323<br /> 13.3.2 section元素应用<br />324<br /> 13.4 本章常见错误<br />325<br /> 13.4.1 使用section元素时的常见<br /> 错误<br />325<br /> 13.4.2 用menu元素代替nav元素<br />325<br /> 13.5 本章小结<br />325<br /> 13.6 跟我上机<br />326<br /> 第14章 表单的新增元素<br />327<br /> （ 视频讲解：48分钟）<br /> 14.1 新增表单元素与属性<br />328<br /> 14.1.1 增加与改良的input元素<br />328<br /> 14.1.2 output元素<br />333<br /> 14.1.3 应用新增元素制作注册表单<br />333<br /> 14.1.4 新增的属性<br />335<br /> 14.2 验证表单<br />338<br /> 14.2.1 自动验证<br />338<br /> 14.2.2 checkValidity显式验证法<br />339<br /> 14.2.3 使用setCustomValidity()方法<br /> 自定义错误信息<br />340<br /> 14.2.4 避免验证<br />342<br /> 14.3 新增和改良的页面元素<br />342<br /> 14.3.1 details元素<br />342<br /> 14.3.2 figure与figcaption元素<br />343<br /> 14.3.3 progress元素<br />344<br /> 14.3.4 mark元素<br />346<br /> 14.3.5 meter元素<br />348<br /> 14.3.6 cite元素<br />349<br /> 14.3.7 重新定义的small元素<br />349<br /> 14.3.8 改良的ol列表<br />349<br /> 14.3.9 改良的dl列表<br />350<br /> 14.4 综合应用<br />351<br /> 14.4.1 search搜索类型的input元素<br />351<br /> 14.4.2 range类型的input元素<br />352<br /> 14.5 本章常见错误<br />353<br /> 14.5.1 progress元素的属性值错误<br />353<br /> 14.5.2 使用required或pattern未指<br /> 定name属性的值<br />354<br /> 14.6 本章小结<br />354<br /> 14.7 跟我上机<br />354<br /> 第15章 多媒体播放<br />356<br /> （ 视频讲解：36分钟）<br /> 15.1 HTML5页面中的多媒体<br />357<br /> 15.2 多媒体元素的属性<br />358<br /> 15.3 多媒体元素的方法<br />362<br /> 15.3.1 媒体播放时的方法<br />362<br /> 15.3.2 canPlayType()方法<br />363<br /> 15.4 多媒体元素的事件<br />364<br /> 15.4.1 事件处理<br />364<br /> 15.4.2 事件介绍<br />364<br /> 15.5 综合应用<br />368<br /> 15.5.1 video元素的error属性的<br /> 返回值<br />368<br /> 15.5.2 自定义video元素控制条<br /> 工具栏<br />369<br /> 15.6 本章常见错误<br />370<br /> 15.6.1 不支持的播放格式<br />370<br /> 15.6.2 播放文件URL地址不正确<br />371<br /> 15.7 本章小结<br />371<br /> 15.8 跟我上机<br />371<br /> 第16章 文件与拖放<br />373<br /> （ 视频讲解：40分钟）<br /> 16.1 选择文件<br />374<br /> 16.1.1 FileList与file对象<br />374<br /> 16.1.2 BIob对象的属性<br />375<br /> 16.1.3 通过类型过滤文件<br />376<br /> 16.2 使用FileReader对象读取<br /> 文件<br />377<br /> 16.2.1 检测浏览器对FileReader对象<br /> 的支持<br />378<br /> 16.2.2 FileReader对象的方法<br />378<br /> 16.2.3 实现图片的预览<br />379<br /> 16.2.4 文本文件的读取<br />380<br /> 16.2.5 FileReader对象中的事件<br />382<br /> 16.3 拖放API<br />384<br /> 16.3.1 实现拖放的步骤<br />384<br /> 16.3.2 拖放实例<br />384<br /> 16.4 dataTransfer对象<br />386<br /> 16.4.1 设置拖放效果<br />387<br /> 16.4.2 设置拖放图标<br />387<br /> 16.5 综合应用<br />388<br /> 16.5.1 使用JavaScript实现元素<br /> 拖放<br />388<br /> 16.5.2 元素在拖放过程中触发的<br /> 事件<br />389<br /> 16.6 本章常见错误<br />390<br /> 16.6.1 两个拖放效果值不相等<br />390<br /> 16.6.2 页面未设置为不执行默认<br /> 处理<br />390<br /> 16.7 本章小结<br />391<br /> 16.8 跟我上机<br />391<br /> 第17章 Web API与通信API<br />393<br /> （ 视频讲解：54分钟）<br /> 17.1 Web Storage<br />394<br /> 17.1.1 Web Storage简介<br />394<br /> 17.1.2 WebStorage的API<br />394<br /> 17.1.3 两种不同存储类型的实例--<br /> 计数器<br />396<br /> 17.2 Web SQL数据库<br />398<br /> 17.2.1 Web SQL数据库简介<br />398<br /> 17.2.2 Web SQL Database API的<br /> 使用<br />398<br /> 17.3 跨文档消息通信<br />400<br /> 17.3.1 postMessageAPI的使用<br />401<br /> 17.3.2 跨文档消息传输<br />401<br /> 17.4 综合应用<br />403<br /> 17.4.1 JSON对象的存储实例--用户<br /> 信息卡<br />403<br /> 17.4.2 简单用户登录<br />406<br /> 17.5 本章常见错误<br />409<br /> 17.5.1 重复创建已经存在的数据表<br />409<br /> 17.5.2 创建数据表时未使用事务<br />409<br /> 17.6 本章小结<br />409<br /> 17.7 跟我上机<br />410<br /> 第18章 Web Workers处理线程<br />412<br /> （ 视频讲解：22分钟）<br /> 18.1 创建和使用Worker<br />413<br /> 18.2 Worker能做什么<br />413<br /> 18.3 多个JavaScript文件的加载与<br /> 执行<br />414<br /> 18.4 线程的嵌套<br />415<br /> 18.4.1 线程的单层嵌套<br />415<br /> 18.4.2 多个子线程实现数据交互<br />417<br /> 18.5 综合应用<br />420<br /> 18.5.1 使用线程传递JSON对象<br />420<br /> 18.5.2 使用线程嵌套交互数据<br />421<br /> 18.6 本章常见错误<br />422<br /> 18.6.1 在后台线程的脚本文件中使用<br /> 文档对象或窗口对象<br />422<br /> 18.6.2 导入脚本文件出现错误<br />422<br /> 18.7 本章小结<br />422<br /> 18.8 跟我上机<br />422<br /> 第19章 离线应用和地理位置定位<br />425<br /> （ 视频讲解：20分钟）<br /> 19.1 HTML5离线Web应用概述<br />426<br /> 19.2 创建HTML5离线应用<br />427<br /> 19.2.1 缓存清单文件manifest<br />427<br /> 19.2.2 配置IIS服务器<br />429<br /> 19.2.3 浏览manifest文件<br />429<br /> 19.3 浏览器与服务器的交互<br />430<br /> 19.4 applicationCache对象<br />431<br /> 19.4.1 swapCache()方法<br />432<br /> 19.4.2 applicationCache对象的事件<br />433<br /> 19.5 Geolocation API概述<br />436<br /> 19.5.1 getCurrentPosition()方法<br />436<br /> 19.5.2 watchCurrentPosition()方法<br />438<br /> 19.5.3 clearWatch()方法<br />439<br /> 19.6 position对象<br />439<br /> 19.7 综合应用<br />440<br /> 19.7.1 简单离线应用<br />440<br /> 19.7.2 离线留言数据交互<br />441<br /> 19.7.3 在页面上使用Google地图<br />442<br /> 19.7.4 获取地理位置定位<br />444<br /> 19.8 本章常见错误<br />445<br /> 19.8.1 使用swapCache()方法得不到<br /> 及时更新的页面<br />445<br /> 19.8.2 获得用户当前位置信息时拒绝<br /> 共享<br />445<br /> 19.9 本章小结<br />445<br /> 19.10 跟我上机<br />445<br /> <br /> <br /> <br /> 第3篇 实 战 篇<br /> 第20章 旅游信息网前台页面设计<br />448<br /> （ 视频讲解：24分钟）<br /> 20.1 网站简介<br />449<br /> 20.2 系统设计<br />449<br /> 20.2.1 系统目标<br />449<br /> 20.2.2 网站预览<br />449<br /> 20.3 系统开发及运行环境<br />453<br /> 20.4 关键技术<br />453<br /> 20.4.1 网站主体结构设计<br />453<br /> 20.4.2 HTML5结构元素的使用<br />454<br /> 20.5 网站公共部分设计<br />455<br /> 20.5.1 设计网站header<br />455<br /> 20.5.2 设计网站footer<br />461<br /> 20.6 网站主页设计<br />462<br /> 20.6.1 网站介绍及相关图片<br />462<br /> 20.6.2 左侧导航的实现<br />464<br /> 20.7 留下足迹页设计<br />467<br /> 20.7.1 音乐播放<br />467<br /> 20.7.2 添加留言功能<br />468<br /> 20.8 本章小结<br />470</pre></p> <hr /> <table border="0" width="650" style="border-collapse: collapse"> <tr> <td></td> </tr> </table> <p align="right"> <a target="_blank" href="/download/64086688472624397537.html" alt="HTML自学视频教程PDF格式下载" title="HTML自学视频教程PDF格式下载">HTML自学视频教程下载</a></p> <hr /> <br /> <table border="0" width="650" style="border-collapse: collapse"> <tr> <td></td> <td width="310"></script></td> </tr> </table> </div> </div> <div class="hopelessness" id="adherence"> <div class="gaudiness"><h3>发布书评</h3></div> <div class="conjecture"> <table border="0" width="630" style="border-collapse: collapse"> <tr> <td width="47"> </td> <td height="100"><textarea rows="5" name="user_comment_content" id="user_comment_content" cols="79"></textarea></td> </tr> <tr> <td width="47"> </td> <td align="right" style="text-align:right;"><input type="submit" value="提交评论" class="btn_b divisional"></td> </tr> </table> <hr size=1 style="color: blue;border-style:dashed ;width:100%" /> <table border="0" width="650" style="border-collapse: collapse"> <tr> <td></td> </tr> </table> <hr size=1 style="color: blue;border-style:dashed ;width:100%" /> </ul> </ul> </div> </div> <div class="hopelessness" id="adherence"> <div class="gaudiness"><h3 style="width:600px;">类似图书</h3></div> <div class="conjecture"> <ul class="generalissimo"> <li><a target="_blank" href="http://www.tushu111.com/show/21475501654203288075.html" alt="广播电视语言" title="广播电视语言">广播电视语言</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/18765501344337950744.html" alt="戏曲体验论" title="戏曲体验论">戏曲体验论</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/19575501707960130790.html" alt="高中数学同步指导(三年级)" title="高中数学同步指导(三年级)">高中数学同步指导(三年级)</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/18275501045346930704.html" alt="仕女" title="仕女">仕女</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/50705675501893573065.html" alt="音乐高考之友--视唱练耳与乐理全方位训练" title="音乐高考之友--视唱练耳与乐理全方位训练">音乐高考之友--视唱练耳与乐理全方位训练</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/68074677550188579741.html" alt="动物园" title="动物园">动物园</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/40754655015188424133.html" alt="攻心的艺术" title="攻心的艺术">攻心的艺术</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/67073296550173738591.html" alt="西西伯利亚笔记" title="西西伯利亚笔记">西西伯利亚笔记</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/13575501022429030762.html" alt="兔子长大以后" title="兔子长大以后">兔子长大以后</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/27175501995939515070.html" alt="平民的信使" title="平民的信使">平民的信使</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/21465501743511017079.html" alt="家庭简易西餐" title="家庭简易西餐">家庭简易西餐</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/17475501929564180722.html" alt="涉外企业管理(修订版)导读" title="涉外企业管理(修订版)导读">涉外企业管理(修订版)导读</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/40760755011311610128.html" alt="计算机基础" title="计算机基础">计算机基础</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/40720755014235769469.html" alt="闭关录" title="闭关录">闭关录</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/40796755012009566229.html" alt="中国哲学小百科全书" title="中国哲学小百科全书">中国哲学小百科全书</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/27665501966297215071.html" alt="工程制图(第二版)" title="工程制图(第二版)">工程制图(第二版)</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/40793655010306725793.html" alt="管理中的谈话艺术" title="管理中的谈话艺术">管理中的谈话艺术</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/12465501146819370764.html" alt="雪域送暖人--孔繁森同志纪念馆" title="雪域送暖人--孔繁森同志纪念馆">雪域送暖人--孔繁森同志纪念馆</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/40769655017538327096.html" alt="社会人类学与中国研究" title="社会人类学与中国研究">社会人类学与中国研究</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/64076847550147508293.html" alt="肉牛高效养殖新技术" title="肉牛高效养殖新技术">肉牛高效养殖新技术</a></li> </ul> </div> </div> </div> <div class="autobiography"> <div class="hopelessness" id="adherence"> <div class="conjecture"> </div> </div> <div class="hopelessness" id="adherence"> <div class="gaudiness"><h3>相关图书推荐</h3></div> <div class="conjecture"> <ul class="generalissimo"> <li><a target="_blank" href="http://www.tushu111.com/show/50810082531234273698.html" alt="农场小猪-魔法彩泥DIY-3D梦幻小剧场" title="农场小猪-魔法彩泥DIY-3D梦幻小剧场">农场小猪-魔法彩泥DIY-3D梦幻小剧场</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/24162531287216299082.html" alt="009 RE:CYBORG 公式設定資料集" title="009 RE:CYBORG 公式設定資料集">009 RE:CYBORG 公式設定資料集</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/35267253128612005608.html" alt="異邦戲曲之三·來自異域的祭品" title="異邦戲曲之三·來自異域的祭品">異邦戲曲之三·來自異域的祭品</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/34757253122431066308.html" alt="雄霸蠻荒1" title="雄霸蠻荒1">雄霸蠻荒1</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/35083253126188161708.html" alt="三化协调发展的河南实践" title="三化协调发展的河南实践">三化协调发展的河南实践</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/32497253122132999808.html" alt="童梦集·寻找快乐岛" title="童梦集·寻找快乐岛">童梦集·寻找快乐岛</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/35208253122155770008.html" alt="恐龙小天地-魔法彩泥DIY-3D梦幻小剧场" title="恐龙小天地-魔法彩泥DIY-3D梦幻小剧场">恐龙小天地-魔法彩泥DIY-3D梦幻小剧场</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/10972531299834990899.html" alt="房地产基础知识" title="房地产基础知识">房地产基础知识</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/35647253125716607808.html" alt="雄霸蠻荒9" title="雄霸蠻荒9">雄霸蠻荒9</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/22472531274460276080.html" alt="雄霸蠻荒13" title="雄霸蠻荒13">雄霸蠻荒13</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/39947253124194511308.html" alt="雄霸蠻荒6" title="雄霸蠻荒6">雄霸蠻荒6</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/50872972531219203871.html" alt="童梦集·小老虎历险记" title="童梦集·小老虎历险记">童梦集·小老虎历险记</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/50801832531207423355.html" alt="东京攻略完全制霸" title="东京攻略完全制霸">东京攻略完全制霸</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/25472531203778599084.html" alt="雄霸蠻荒10" title="雄霸蠻荒10">雄霸蠻荒10</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/12362531277788510857.html" alt="青年的烦恼与出路" title="青年的烦恼与出路">青年的烦恼与出路</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/50892872531213520160.html" alt="小学生每日5分钟语文6年级（下册）" title="小学生每日5分钟语文6年级（下册）">小学生每日5分钟语文6年级（下册）</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/66080283253126633105.html" alt="历代名家册页" title="历代名家册页">历代名家册页</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/27972531234884394087.html" alt="童梦集·小朵朵和半个巫婆" title="童梦集·小朵朵和半个巫婆">童梦集·小朵朵和半个巫婆</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/50878042531271151313.html" alt="獨佔君床" title="獨佔君床">獨佔君床</a></li> <li><a target="_blank" href="http://www.tushu111.com/show/50841772531293831198.html" alt="退婚之一·換個郎君會更好" title="退婚之一·換個郎君會更好">退婚之一·換個郎君會更好</a></li> </ul> </div> </div> </div> </div> <div class="geophysical"> </div> <div class="exposition" id="distortion"> <div class="clangorous"><span id="cloakroom"></span></div> </div> <div id="gyroscopic"> <p class="graciously"> </p> <p class="hectically">农业基础科学,时尚,美术/书法,绘画,软件工程/开发项目管理,研究生/本专科,爱情/情感,动漫学堂PDF下载,。 <a href="http://www.tushu111.com/" target="_blank">PDF下载网</a> </p> <p class="hectically">PDF下载网 @ 2024</p> </div> <div style="display:none;"><script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?1fc827ffc27975bcb71e3432ec96f971"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </div> </body> </html>