本书首先详细介绍了HTML5、CSS3和JavaScript三项Web前端开发常用技术，内容包括：HTML5设计网页的文档结构、文本、图像、超链接、表格、表单；CSS3对表格、表单、图片、背景、边框等页面元素进行样式美化以及CSS3变形和动画；JavaScript内置对象、对象编程，通过JavaScript操作CSS3和HTML5，实现Web前端的交互等。*后用综合实例将三项技术结合起来，简单直观地讲解Web前端的开发思路和过程。本书通俗易懂、构思清晰，理论与实践并重，通过大量的实例引导读者逐步深入学习，全面掌握Web前端开发技术。
本书既可作为高等院校本科、专科计算机等相关专业的教材，也可作为网页设计者的参考用书。

前 言
为积极响应《国家职业教育改革实施方案》，贯彻《关于深化产教融合的若干意见》和《国家信息化发展战略纲要》的精神，全面提升本科教材质量，着力培养高素质技术人才，本书编写团队在机械工业出版社的支持下，组织编写了《Web前端开发与应用教程（HTML5+CSS3+JavaScript）第2版》。作者结合自己多年从事教学工作和Web应用开发的实践经验，按照教学规律精心编写了本教材。
本书第1版自2017年出版后，受到了广大读者的支持与鼓励，随着技术的进步和教学的发展，需要对本书第1版内容进行修订。在机械工业出版社的大力支持下，本书第2版得以出版。在保持第1版特色和基本结构的同时，对各部分内容进行了修订和增补。在HTML5部分，第1章增加了Web服务器基础知识，第2章增加了字符集介绍，第3、4章补充了HTML5新增的属性；在CSS3部分，第9章增加了3D转换相关内容，并补充部分CSS3新增属性；在JavaScript部分，新增jQuery相关内容，增加第14章“jQuery基础”和第15章“jQuery应用”。此外，还删除了部分陈旧内容。
本书不仅通过丰富的小实例来介绍知识点，而且将一个完整的案例贯穿全书，并在全书后进行思路的汇总和整理，帮助读者将所学知识应用到实际项目当中。避免学习知识的局限性和片面性，使读者在获取知识的同时，掌握实际应用的方法和技巧。本书内容从HTML5基础标签到CSS3页面布局和特效，再通过JavaScript技术进一步提升网页前端的交互性和实用性。通过实例逐步引导读者深入学习。全书分为4部分。
部分（HTML5）详细讲解HTML5的常用标签及其属性，并且为每个标签及属性都设计了范例页面，这些内容是很好的学习参考。
第二部分（CSS3）详细讲解CSS3的选择器和属性，也设计了对应的范例页面，便于读者参考和学习。需要说明的是，由于CSS3相关内容非常丰富，本书只是选取了一部分常用内容进行介绍。
第三部分（JavaScript）重点讲解JavaScript编程的相关内容，包括基础语法、函数、对象、编程、事件处理等知识，涵盖了初学者所需掌握的内容和知识。
第四部分（综合实例）综合运用所学内容，开发一个完整的网站—茗茶馆。读者可以通过实例巩固前面所学知识，同时掌握Web前端项目开发的思路和技巧。
本书由张波担任主编，邵彧、师晓利、杨伦担任副主编。其中师晓利编写第1～4章，杨伦编写第5、13章，邵彧编写第6～9章、第16章，张波编写第10～12、14、15章，骆秋容编写第17章。全书由张波统稿，赵全利和刘瑞新教授主审。书中部分内容参考了网上部分资料，由于篇幅有限，恕不一一列出，在此一并表示感谢。
Web技术发展迅速，本书内容与结构方面的不成熟或不当之处，敬请读者不吝指正。

作 者

目 录
前言

第1章 Web前端开发概述1
1.1 Web前端开发相关概念1
1.1.1 浏览器1
1.1.2 URL1
1.1.3 WWW2
1.1.4 网站2
1.1.5 Web标准2
1.2 Web前端开发相关技术2
1.2.1 HTML3
1.2.2 CSS3
1.2.3 JavaScript4
1.3 Web前端开发工具4
1.3.1 NotePad4
1.3.2 TextPad4
1.3.3 WebStorm5
1.3.4 Dreamweaver5
1.4 Web服务器6
1.4.1 概念6
1.4.2 类型6
1.4.3 配置6
1.4.4 建站过程7
1.5 练习8
第2章 HTML5基础9
2.1 HTML语法基础9
2.1.1 HTML文档结构9
2.1.2 HTML标签10
2.1.3 标签的属性11
2.1.4 HTML字符集12
2.2 文本控制标签12
2.2.1 标题段落标签12
2.2.2 文本格式化标签14
2.2.3 特殊字符标签16
2.3 图片标签16
2.3.1 图片的格式与分辨率17
2.3.2 嵌入图片17
2.3.3 路径的表示方法18
2.4 超链接标签19
2.4.1 超链接19
2.4.2 图片链接20
2.4.3 电子邮件链接21
2.4.4 下载链接22
2.4.5 锚点链接22
2.5 表格标签24
2.5.1 创建表格24
2.5.2 设置属性25
2.6 元标签27
2.7 link标签27
2.8 练习28
第3章 页面元素和属性30
3.1 结构元素30
3.1.1 header元素31
3.1.2 article元素32
3.1.3 aside元素32
3.1.4 footer元素33
3.1.5

和