本书从网页设计基础内容入手，对学生必备的HTML5基础语法相关知识结合大量例题加以详尽讲解，同时在每章内容之后选择具有代表性的实训项目，使学生充分运用HTML5的基本知识，培养学生的程序设计思路、方法与技巧，使知识在潜移默化中得以内化，大大降低了学习难度。同时，为了激发学生的学习兴趣，书中所有实训项目均只提供运行结果以及相关制作视频，提高学生自主学习能力、独立思考能力和创新能力，充分挖掘其潜能。本书更加侧重于讲解网页设计基本技能，充分考虑教师教学所需内容，因此，在HTML5部分只涉及基础知识，同时加入CSS3以及JavaScript相关知识，对于HTML5更多的其他功能并不涉及，在学习过本教材内容作为基础之后，可自行研究其他更深内容。
本书适合作为高职高专院校计算机、电子商务、多媒体、网络技术等相关专业的教材，也可作为信息技术培训机构的培训用书，还可作为网页设计与制作人员、网站建设与开发人员、多媒体设计与开发人员的参考书。

HTML5是面向计算机相关专业的一门专业基础课程，具有很强的基础性和实践性。通过本课程学习，学生能够了解HTML5、CSS3以及JavaScript的相关概念及基础知识，并熟练掌握设计与实现网站前台的方法。学习本课程可为后续其他网站程序设计课程的学习打下必要的基础。
几乎所有高职院校计算机相关专业均开设HTML5相关课程，本课程教学存在的普遍现象是：当学习HTML5的知识时感到并不难，但在应用这些知识来解决实际问题时却发现力不从心，学生不仅不能熟练运用所学知识设计页面，而且在考试时往往感到茫然而不知所措，也导致了实际教学效果与教学目标存在相当大的差距。如何培养学生的网页设计编程能力以及网页前台设计能力？HTML5中什么样的知识是必须具备的，什么样的知识是可以在未来需要时逐步补充的，什么样的知识又是完全可以忽略的？
为了解决以上问题，本书从网页设计基础内容入手，对学生必备的HTML5基础语法相关知识结合大量例题加以详尽讲解，同时在每章内容之后选择具有代表性的实训项目，在实训过程中培养学生的程序设计思路、方法与技巧，使学生在潜移默化中将HTML5的基本知识得以内化，大大降低了学习难度。同时，为了激发学生的学习兴趣，书中所有实训项目均只提供运行结果以及相关制作视频，以提高学生的自主学习能力、独立思考能力和创新能力，充分挖掘其潜能。同时，本书更加侧重于讲解网页设计基本技能，并充分考虑教师教学所需内容，因此，在HTML5部分只涉及基础知识，同时加入CSS3以及JavaScript相关知识，对于HTML5更多的其他功能并不涉及，学生可自行研究。
本书实例都是在Notepad++中编辑，使用谷歌浏览器调试的。本书编者均为长期从事HTML5程序设计课程教学的一线教师，非常了解初学者学习HTML5的难点，在多次制定教学大纲、编写讲义、辅导学生竞赛、编写相关实验指导书的过程中积累了丰富的教学经验。本书概念清晰、结构合理、内容严谨、讲解透彻、重点突出、示例典型、实用性强。教师可采取多种方式使用本书，在讲授时可以根据学生的背景知识及给定的学时数来进行内容的取舍。为方便教学，本书配有丰富的教学资源，包括：课件、授课计划、所有程序源代码素材等，如需索取请发送电子邮件到nmsunhuan@163.com，或从中国铁道出版社网站http://www.tdpress.com下载。
本书由呼和浩特职业学院计算机信息学院孙欢老师和李宏霞老师担任主编并负责策划、编写和统稿，呼和浩特职业学院计算机信息学院青梅老师和李娜老师担任副主编，呼和浩特职业学院李亚嘉老师、陈俊义老师参与编写。其中，孙欢编写第1、2章以及附录；李宏霞编写第3、8章；青梅编写第6章；李娜编写第7章；李亚嘉编写第5章；陈俊义编写第4章。孙欢负责统稿，孙欢、李宏霞负责校对。
另外，本书在编写和出版过程中得到了北京易第优教育有限公司的李剑华老师和高洛峰老师以及呼和浩特职业学院教务处相关老师的大力支持，本书在编写过程中还参阅并引用了一些文献的研究成果，在此一并表示衷心的感谢!
由于编者学识水平有限，书中的疏漏和不足之处在所难免，恳请同行专家和读者不吝赐教，在将来修订本书时作为重要的参考，也便于编者提高水平。欢迎您将对本书的意见和建议发送给我们，我们的电子信箱是nmsunhuan@163.com。


编者

◆入门篇◆
HTML5概述 2
1.1　HTML背景知识 2
1.1.1 什么是HTML 2
1.1.2 HTML的历史 3
1.2　HTML基本结构 4
1.2.1 HTML标签 5
1.2.2 head标签 5
1.2.3 body标签 6
1.2.4 HTML其他语法规则说明 6
1.2.5 HTML文档的运行流程 7
1.3　HTML5新特性 8
1.4　支持HTML5的浏览器 11
1.5　实训项目 12
练习题 13
HTML基础 15
2.1　HTML基础标签 15
2.1.1 设置页面背景和颜色 15
2.1.2 设置文字相关样式 18
2.1.3 图像 21
2.1.4 超级链接 23
2.1.5 表格 26
2.1.6 框架 30
2.1.7 其他常用标签 35
2.1.8 HTML5新增标签 37
2.1.9 HTML5新的菜单设计 41
2.1.10 HTML5废弃的标签 41
2.2　HTML5表单处理 42
2.2.1 定义表单 43
2.2.2 input表单元素及其相关属性 43
2.2.3 组合框 46
2.2.4 文本区域 47
2.2.5 HTML5表单新特性之新的input类型 48
2.2.6 HTML5表单新特性之新的表单元素 50
2.2.7 HTML5表单新特性之新的表单属性 51
2.2.8 HTML5表单新特性之表单验证 52
2.3　实训项目 54
练习题 57
◆进 阶 篇◆
层叠样式表CSS3 62
3.1　HTML和CSS 62
3.1.1 什么是CSS 62
3.1.2 在HTML文档中应用CSS 63
3.1.3 颜色与背景 66
3.1.4 设置文字 67
3.1.5 设置文本属性 68
3.1.6 超链接 74
3.1.7 列表 75
3.1.8 表格 77
3.1.9 CSS轮廓 80
3.1.10 浮动元素 81
3.2　CSS3新特性 83
3.2.1 实现圆角效果 83
3.2.2 多彩的边框颜色 86
3.2.3 阴影 87
3.2.4 背景图片 88
3.2.5 多列 91
3.2.6 嵌入字体 92
3.2.7 透明度 94
3.2.8 HSL和HSLA颜色表现方法 95
3.2.9 过渡属性 98
3.2.10 transform属性 99
3.3　实训项目 101
练习题 105
JavaScript编程 108
4.1　HTML和JavaScript 108
4.1.1 在HTML中插入JavaScript代码 108
4.1.2 使用.js文件 109
4.2　JavaScript基本语法 110
4.2.1 数据类型 110
4.2.2 变量 110
4.2.3 注释 111
4.2.4 运算符 112
4.3　JavaScript常用语句和函数 115
4.3.1 条件分支语句 116
4.3.2 循环语句 120
4.3.3 创建自定义函数 123
4.3.4 调用函数 124
4.3.5 变量的作用域 125
4.3.6 函数的返回值 126
4.4　JavaScript面向对象程序设计 126
4.4.1 面向对象程序设计思想简介 127
4.4.2 JavaScript内置类 127
4.4.3 HTML DOM 135
4.4.4 Window对象 136
4.4.5 Navigator对象 141
4.4.6 Document对象 142
4.5　JavaScript事件处理 144
4.5.1 常用HTML事件 144
4.5.2 Window对象的事件处理 146
4.5.3 Event对象 146
4.6　实训项目 147
练习题 151
◆提 高 篇◆
HTML5拖放 154
5.1　概述 154
5.1.1 什么是拖放 154
5.1.2 设置元素为可拖放 155
5.1.3 拖放事件 156
5.2　dataTransfer对象 157
5.2.1 dataTransfer对象的属性 157
5.2.2 dataTransfer对象的方法 158
5.3　实训项目 161
练习题 163
HTML5文件处理 164
6.1　文件上传页面 164
6.1.1 选择文件的表单 164
6.1.2 拖放实现文件上传 166
6.2　文件处理接口 168
6.2.1 检测浏览器是否支持HTML5 File API 168
6.2.2 FileList接口 169
6.2.3 FileReader接口 172
6.3　实训项目 175
练习题 178
HTML5音频和视频 180
7.1　HTML5音频 180
7.1.1 audio标签 180
7.1.2 播放背景音乐 183
7.1.3 设置替换音频源 183
7.1.4 使用JavaScript语言访问audio对象 184
7.2　HTML5视频 188
7.2.1 video标签 188
7.2.2 使用JavaScript语言访问video 191
7.3　实训项目 194
练习题 195
HTML5绘图 196
8.1　使用Canvas API画图 196
8.1.1 Canvas概述 196
8.1.2 绘制图形 198
8.1.3 描边和填充 206
8.1.4 绘制图像和文字 211
8.1.5 图形操作 214
8.1.6 组合和阴影 218
8.2　绘制可伸缩矢量图（SVG） 221
8.2.1 SVG概述 221
8.2.2 SVG绘图 224
8.2.3 线条和填充 231
8.2.4 文本与图片 232
8.2.5 滤镜 236
8.2.6 渐变颜色 238
8.2.7 变换坐标系 240
8.3　实训项目 242
练习题 244
HTML5常用标签 245

孙欢，硕士，主要讲授：《VB程序设计》、《网络数据库SQL》、《HTML5》、《PHP+MySQL》、《智能终端设计开发》等。李宏霞，硕士，副教授，呼和浩特职业技术学院教师，研究方向为网页设计。
​

本书内容选取上遵循了“必要、适度、够用”的应用型人才教育原则