内容介绍

《HTML5从入门到精通》系统、全面地讲解了HTML语言及其最新版本HTML5的新功能与新特性，技术新颖实用。书中所有知识点均结合实例进行讲解，方便读者动手实践。同时在每章的最后还设置了习题，通过这些习题可以对本章学到的知识进行巩固。《HTML5从入门到精通》不仅能够使读者系统而全面地学习理论知识，还能满足读者充分实践的需求。

作品目录

目 录第1篇 HTML基础第1章 HTML基础 3教学录像：22分钟1.1 HTML的基本概念 41.2 HTML发展史 41.3 HTML的基本结构 51.3.1 HTML文件的编写方法 51.3.2 文件开始标签 71.3.3 文件头部标签 71.3.4 文件标题标签 71.3.6 编写文件的注意事项 81.4 编写第一个HTML文件 81.4.1 HTML文件的编写方法 81.4.2 手工编写页面 91.4.3 使用可视化软件制作页面 101.4.4 使用浏览器浏览HTML文件 141.4.5 使用HTML开发的明日图书网 141.5 小结 151.6 习题 16第2章 HTML文件基本标记 17教学录像：44分钟2.1 HTML头部标记 182.2 标题标记 182.3 元信息标记 192.3.1 设置页面关键字 192.3.2 设置页面描述 202.3.3 设置编辑工具 202.3.4 设定作者信息 212.3.5 限制搜索方式 222.3.6 设置网页文字及语言 222.3.7 设置网页的定时跳转 232.3.8 设定有效期限 242.3.9 禁止从缓存中调用 242.3.10 删除过期的cookie 252.3.11 强制打开新窗口 252.3.12 设置网页的过渡效果 262.4 基底网址标记 292.5 页面的主体标记 302.5.1 设置文字颜色——text 312.5.2 背景颜色属性——bgcolor 322.5.3 背景图像属性——background 322.5.4 设置链接文字属性——link 352.5.5 设置边距——margin 372.6 页面的注释标记 382.7 实例演练——创建基本的HTML网页 382.8 小结 392.9 习题 40第3章 设计网页文本内容 41教学录像：29分钟3.1 标题文字的建立 423.1.1 标题文字标记 423.1.2 标题文字的对齐方式——align 433.2 设置文字格式 443.2.1 设置文字字体——face 443.2.2 设置字号——size 453.2.3 设置文字颜色——color 463.2.4 粗体、 斜体、 下划线——strong、em、u 463.2.5 上标与 下标——sup、sub 473.2.6 设置删除线——strike 483.2.7 等宽文字标记——code 493.2.8 空格——  493.2.9 其他特殊符号 503.3 设置段落格式 513.3.1 段落标记——p 513.3.2 取消文字换行标记——nobr 523.3.3 换行标记——br 533.3.4 保留原始排版方式标记——pre 533.3.5 居中对齐标记——center 543.3.6 向右缩进标记——blockquote 553.4 水平线标记 563.4.1 添加水平线——hr 563.4.2 设置水平线的宽度与高度——width、height 573.4.3 设置水平线的颜色——color 583.4.4 设置水平线的对齐方式——align 593.4.5 去掉水平线阴影——noshade 603.5 其他文字标记 603.5.1 文字标注标记——ruby 603.5.2 声明变量标记——var 613.5.3 忽视HTML标记——plaintext、xmp 623.6 小结 633.7 习题 63第4章 使用列表 65教学录像：35分钟4.1 列表的标记 664.2 使用无序列表 664.2.1 无序列表标记——ul 664.2.2 无序列表的符号类型——type 674.3 使用有序列表 694.3.1　有序列表标记——ol 694.3.2　有序列表的属性——type 704.3.3　有序列表的起始数值——start 724.4 定义列表标记——dl 734.5 菜单列表标记——menu 744.6 目录列表——dir 754.7 使用嵌套列表 764.7.1　定义列表的嵌套 774.7.2　无序列表和有序列表的嵌套 784.8 小结 794.9 习题 80第5章 超链接 81教学录像：22分钟5.1 超链接的基本知识 825.1.1 超链接 825.1.2 绝对路径 825.1.3 相对路径 825.2 超链接的建立 835.2.1 超链接标记的基本语法 835.2.2 建立文本超链接 835.2.3 设置超链接的目标窗口 855.3 内部链接 875.4 书签链接 895.4.1 建立书签 895.4.2 链接到同一页面的书签 915.4.3 链接到不同页面的书签 925.5 外部链接 935.5.1 通过HTTP协议 945.5.2 通过FTP 945.5.3 发送E-mail 955.5.4 下载文件 965.6 其他链接 985.6.1 脚本链接 985.6.2 空链接 995.7 小结 995.8 习题 100第6章 使用图像 101教学录像：35分钟6.1 图像的基本格式 1026.2 添加图像——img 1026.3 设置图像属性 1036.3.1 图像高度——height 1036.3.2 图像宽度——width 1046.3.3 图像边框——border 1056.3.4 图像水平间距——hspace 1076.3.5 图像垂直间距——vspace 1086.3.6 图像相对于文字基准线的对齐方式——align 1086.3.7 图像的提示文字——alt 1106.4 图像的超链接 1116.4.1　设置图像的超链接 1116.4.2　设置图像热区链接 1126.5 小结 1166.6 习题 116第7章 表格的应用 118教学录像：48分钟7.1　创建表格 1197.1.1　表格的基本构成——table、tr、td 1197.1.2　表格的标题——caption 1207.1.3　表格的 表头——th 1217.2　设置表格基本属性 1237.2.1　表格的宽度——width 1237.2.2　表格的高度——height 1257.2.3　表格的对齐方式——align 1267.3　设置表格的边框 1277.3.1　表格边框的宽度——border 1277.3.2　表格边框的颜色——bordercolor 1287.3.3　表格内框的宽度——cellspacing 1307.3.4　表格内文字与边框的间距——cellpadding 1317.4　设置表格背景 1327.4.1　表格的背景颜色——bgcolor 1327.4.2　表格的背景图像——background 1337.5　设置表格的行属性 1347.5.1　高度的控制——height 1347.5.2　行的边框颜色——bordercolor 1357.5.3　行的背景颜色——bgcolor、background 1367.5.4　行文字的水平对齐方式——align 1377.5.5　行文字的垂直对齐方式——valign 1397.5.6 表格标题的垂直对齐方式——align 1407.6　调整单元格属性 1417.6.1　单元格大小——width、height 1417.6.2　单元格水平跨度——colspan 1427.6.3　单元格垂直跨度——rowspan 1437.6.4　单元格对齐方式——align、valign 1447.6.5　单元格的 背景色 1467.6.6　单元格的边框颜色——bordercolor 1477.6.7　单元格的亮边框——bordercolorlight 1487.6.8　单元格的暗边框——bordercolordark 1507.6.9　单元格的背景图像——background 1517.7　表格的结构 1527.7.1　表格的表头标记——thead 1537.7.2　表格的表主体标记——tbody 1547.7.3　表格的表尾标记——tfoot 1567.8 表格的嵌套 1577.9 小结 1597.10 习题 159第8章 层标记——div 161教学录像：33分钟8.1 层 1628.1.1 层的分类 1628.1.2 定义数据块 1628.2

标签 1638.2.1

标签的简介 1638.2.2

标签的属性 1648.2.3 标签与

标签 1708.3 标签 1728.3.1 <iframe>标签的简介 1728.3.2 <iframe>标签的属性 1728.4 <layer>标签和<ilayer>标签 1748.4.1 标签层的使用 1758.4.2 <layer>标签和<ilayer>标签的区别 1768.5 应用div制作下拉菜单导航条 1768.6 小结 1798.7 习题 179第9章 编辑<a class="ed_inner_link" target="_blank" href="/lemma/ShowInnerLink.htm?lemmaId=292881&ss_c=ssc.citiao.link">表单</a> 181教学录像：26分钟9.1　使用表单标签——form 1829.1.1　处理动作——action 1829.1.2　表单名称——name 1839.1.3　传送方法——method 1839.1.4　编码方式——enctype 1849.1.5　目标显示方式——target 1859.2 添加控件 1859.3　输入类的控件 1869.3.1　文字字段——text 1869.3.2　密码域——password 1879.3.3　单选按钮——radio 1889.3.4　复选框——checkbox 1899.3.5　普通按钮——button 1909.3.6　提交按钮——submit 1919.3.7　重置按钮——reset 1929.3.8　图像域——image 1939.3.9　隐藏域——hidden 1959.3.10　文件域——file 1959.4　列表/菜单标记 1979.5　文本域标记——textarea 1989.6　id标记 1999.7　小结 2009.8　习题 200第10章 多媒体页面 202视频讲解：18分钟10.1 设置滚动文字 20310.1.1 滚动文字标签——marquee 20310.1.2 滚动方向属性——direction 20310.1.3 滚动方式属性——behavior 20410.1.4 滚动速度属性——scrollamount 20510.1.5 滚动延迟属性——scrolldelay 20610.1.6 滚动循环属性——loop 20710.1.7 滚动范围属性——width、height 20810.1.8 滚动背景颜色属性——bgcolor 20910.1.9 滚动空间属性——hspace、vspace 20910.2 添加背景音乐 21110.2.1　设置背景音乐——bgsound 21110.2.2　设置循环播放次数——loop 21210.3 添加多媒体文件 21310.3.1 添加多媒体文件标记——embed 21310.3.2 设置自动运行——autostart 21410.3.3 设置媒体文件的循环播放——loop 21510.3.4 隐藏面板——hidden 21610.3.5 添加其他类型的媒体文件 21710.4 小结 21710.5 习题 218第2篇 HTML 5高级应用第11章 HTML 5的新特性 221视频讲解：6分钟11.1 谁在开发HTML 5 22211.2 HTML 5的新认识 22211.2.1 兼容性 22211.2.2 实用性和用户优先 22211.2.3 化繁为简 22311.3 无插件范式 22311.4 HTML 5的新特性 22411.5 小结 224第12章 HTML 5与HTML 4的区别 225视频讲解：51分钟12.1 语法的改变 22612.1.1 HTML 5的语法变化 22612.1.2 HTML 5中的标记方法 22612.1.3 HTML 5语法中的3个要点 22712.1.4 标签实例 22812.2 新增的元素和废除的元素 22812.2.1 新增的结构元素 22812.2.2 新增的块级的语义元素 23012.2.3 新增的行内的语义元素 23112.2.4 新增的嵌入多媒体元素与交互性元素 23112.2.5 新增的input元素的类型 23212.2.6 废除的元素 23312.3 新增的属性和废除的属性 23412.3.1 新增的属性 23412.3.2 废除的属性 23612.4 全局属性 23712.4.1 contentEditable属性 23712.4.2 designMode属性 23812.4.3 hidden属性 23912.4.4 spellcheck属性 23912.4.5 tabindex属性 24012.5 小结 24012.6 习题 240第13章 HTML 5的结构 242视频讲解：20分钟13.1 新增的主体结构元素 24313.1.1 article元素 24313.1.2 section元素 24513.1.3 nav元素 24713.1.4 aside元素 24813.1.5 time元素 25013.1.6 pubdate属性 25013.2 新增的非主体结构元素 25113.2.1 header元素 25113.2.2 hgroup元素 25213.2.3 footer元素 25213.2.4 address元素 25313.3 小结 25313.4 习题 254第14章 HTML 5中的表单 255视频讲解：50分钟14.1 新增表单元素与属性 25614.1.1 新增的属性 25614.1.2 增加与改良的input元素的种类 25914.1.3 output元素的添加 26414.1.4 应用新增元素制作注册表单 26414.2 对表单的验证 26614.2.1 自动验证 26614.2.2 checkValidity显式验证法 26714.2.3 避免验证 26814.2.4 使用setCustomValidity方法自定义错误信息 26814.3 增加的页面元素 26914.3.1 新增的figure元素 27014.3.2 新增的details元素 27114.3.3 新增的mark元素 27214.3.4 新增的progress元素 27414.3.5 新增的meter元素 27514.3.6 改良的ol列表 27614.3.7 改良的dl列表 27614.3.8 加以严格限制的cite元素 27714.3.9 重新定义的small元素 27814.4 小结 27814.5 习题 279第15章 HTML 5中的文件与拖放 280视频讲解：40分钟15.1 选择文件 28115.1.1 通过file对象选择文件 28115.1.2 使用blob接口获取文件的类型与大小 28215.1.3 通过类型过滤选择的文件 28315.2　使用FileReader接口读取文件 28515.2.1 检测浏览器是否支持FileReader接口 28515.2.2　FileReader接口的方法 28515.2.3 使用readAsDataURL方法预览图片 28615.2.4　使用readAsText方法读取<a class="ed_inner_link" target="_blank" href="/lemma/ShowInnerLink.htm?lemmaId=158633&ss_c=ssc.citiao.link">文本文件</a> 28715.2.5　FileReader接口中的事件 28815.3 拖放API 29015.3.1 实现拖放的步骤 29015.3.2 通过拖放显示欢迎信息 29115.4 dataTransfer对象应用详解 29315.4.1 使用effectAllowed和dropEffect属性设置拖放效果 29315.4.2 使用setDragImage方法设置拖放图标 29415.5 小结 29515.6 习题 295第16章 多媒体播放 296视频讲解：35分钟16.1 HTML 5多媒体的简述 29716.1.1 HTML 4中多媒体的应用 29716.1.2 HTML 5页面中的多媒体 29716.2 多媒体元素基本属性 29816.3 多媒体元素常用方法 30216.3.1 媒体播放时的方法 30216.3.2 canPlayType(type)方法 30416.4 多媒体元素重要事件 30416.4.1 事件处理方式 30416.4.2 事件介绍 30516.4.3 事件实例 30616.5 小结 30816.6 习题 309第17章 绘制图形 310视频讲解：1小时32分钟17.1 canvas的基础知识 31117.1.1 canvas是什么 31117.1.2 在页面中放置canvas元素 31117.1.3 绘制带边框的矩形 31217.2 在<a class="ed_inner_link" target="_blank" href="/lemma/ShowInnerLink.htm?lemmaId=7805717&ss_c=ssc.citiao.link">画布</a>中使用路径 31417.2.1 使用arc方法绘制圆形 31417.2.2 使用moveTo与lineTo路径绘制火柴人 31617.2.3 <a class="ed_inner_link" target="_blank" href="/lemma/ShowInnerLink.htm?lemmaId=10872977&ss_c=ssc.citiao.link">贝塞尔</a>和二次方曲线 31717.3 运用样式与颜色 31917.3.1 fillStyle 和 strokeStyle属性 31917.3.2 透明度 globalAlpha 32117.3.3 线型 Line styles 32317.4 绘制渐变图形 32517.4.1 绘制线性渐变 32517.4.2 绘制径向渐变 32617.5 绘制变形图形 32817.5.1 坐标的变换 32817.5.2 矩阵变换 33017.6 组合多个图形 33317.7 给图形绘制阴影 33517.8 应用图像 33617.8.1 绘制图像 33617.8.2 图像的局部放大 33817.8.3 图像平铺 33917.8.4 图像裁剪 34117.8.5 像素的处理 34217.9 绘制文字 34417.10 保存与恢复状态 34517.11 文件的保存 34617.12 对画布绘制实现动画 34717.13 综合实例——桌面时钟 34817.14 小结 35017.15 习题 351第18章 数据存储 352视频讲解：50分钟18.1 初识Web Storage 35318.1.1 什么是Web Storage 35318.1.2 使用Web Storage中的API 35318.1.3 sessionStorage和localStorage的实例——计数器 35518.1.4 Web Storage综合实例——留言本 35718.1.5 JSON对象的存数实例——用户<a class="ed_inner_link" target="_blank" href="/lemma/ShowInnerLink.htm?lemmaId=56765351&ss_c=ssc.citiao.link">信息卡</a> 35918.2 本地数据库 36118.2.1 Web SQL数据库简介 36118.2.2 使用Web SQL Database API 36218.2.3 本地数据库实例——用户登录 36318.3 小结 36718.4 习题 367第19章 离线应用程序 368视频讲解：13分钟19.1 HTML 5离线Web应用概述 36919.1.1 离线Web应用概述 36919.1.2 本地缓存与浏览器网页缓存的区别 37019.2 创建HTML 5离线应用 37019.2.1 缓存清单（manifest） 37019.2.2 配置IIS服务器 37219.2.3 浏览缓存清单 37219.3 浏览器与服务器的交互过程 37319.4 applicationCache对象 37419.4.1 swapCache方法 37519.4.2 applicationCache对象的事件 37619.5 小结 37919.6 习题 379第20章 使用Web Worker处理线程 380视频讲解：25分钟20.1 Web Worker概述 38120.1.1 创建和使用Worker 38120.1.2 Web Worker应用实例——求和运算 38220.2 在Worker内部能做什么 38320.3 多个JavaScript文件的加载与执行 38420.4 线程嵌套 38420.4.1 <a class="ed_inner_link" target="_blank" href="/lemma/ShowInnerLink.htm?lemmaId=10962161&ss_c=ssc.citiao.link">单层</a>嵌套 38520.4.2 在多个子线程中进行数据的交互 38720.5 小结 39020.6 习题 390第21章 通信API 391视频讲解：4分钟21.1 跨文档消息通信 39221.1.1 使用postMessageAPI 39221.1.2 跨文档消息传输 39221.2 小结 394第22章 获取地理位置信息 395视频讲解：12分钟22.1 Geolocation API的概述 39622.1.1 使用getCurrentPosition方法获取当前地理位置 39622.1.2 持续监视当前地理位置的信息 39822.1.3 停止获取当前用户的地理位置信息 39822.2 position对象 39822.3 在google地图上显示“我在这里” 39922.4 小结 40122.5 习题 401第3篇 HTML 5项目实战第23章 旅游信息网前台页面 405视频讲解：20分钟23.1 概述 40623.2 网站预览 40623.3 关键技术 41023.3.1 网站主体结构设计 41023.3.2 HTML 5结构元素的使用 41023.4 网站公共部分设计 41123.4.1 设计网站公共header 41123.4.2 设计网站公共footer 41823.5 网站主页设计 41923.5.1 显示网站介绍及相关图片 41923.5.2 主页左侧导航的实现 42123.6 留下足迹页面设计 42423.6.1 播放音乐 42423.6.2 添加留言功能的实现 42523.7 小结 426附录 习题参考答案 427HTML 5从入门到精通目 录XXI

编辑推荐

《HTML5从入门到精通》采用经典的Step by Step风格，一次呈现一个知识点，一次提供一个步骤式的动手练习，旨在帮助新手快速入门。《HTML5从入门到精通》特别针对初学者，在每一章设计有相应的练习和重要知识点回顾，以帮助他们学以致用，迅速掌握HTML5。

作者简介

作者：（美国）万姆朋（Faithe Wempen） 译者：方敏 张泳 林涛 郭艳春