内容提要

本书全面介绍了Web标准的三个主要组成部分HTML、CSS和JavaScript，本书循序渐进地讲述了三大Web前端开发技术的内容、应用技巧以及它们的综合应用，每部分都配置了大量的实用案例，图文并茂，效果直观。

在HTML篇，本书系统介绍了常用的HTML标签、HTML5语法变化、HTML5表单新增属性和新增input元素类型、HTML5新增文档结构元素和表单元素，以及新增的客户端校验方式等内容；在CSS篇，本书系统介绍了CSS定义、CSS常用选择器、CSS常用属性、盒子模型、定位排版和浮动排版、网页常用布局版式及其应用等内容；在JavaScript篇，本书系统介绍了JavaScript的基础知识、脚本函数、事件处理、正则表达式模式匹配、JavaScript内置对象、BOM对象、DOM模型以及使用DOM操作HTML文档等内容；最后，在HTML+CSS+JavaScript综合案例篇通过一个综合实例，详细讲解了整合三大Web前端技术制作网页所涉及的各方面内容和技巧。

本书可作为大中专院校及培训学校计算机及相关专业的教材，并可供从事前端开发工作的相关人员参考。

前言

在2005年以前的Web1.0时代，网页内容比较简单，主要就是一些文字和图片，所以开发也比较简单，只要熟悉几个网页制作软件，诸如Photoshop+Dreamweaver+flash软件，就可以很容易地把网页制作出来，网页开发对开发人员的要求并不高。然而在2005年之后，随着互联网进入 Web2.0时代，网页不仅要求完全地展现，而且还要求具备炫酷的页面交互、良好的用户体验以及跨终端的适配兼容等功能。可见，在Web2.0时代，对网页开发的要求越来越高了。不论是在开发难度上，还是在开发方式上，此时的网页开发都更接近传统的网站后台开发，所以此时的网页开发不再叫网页制作，而是叫前端开发，并需要专业的前端工程师才能做好。

要成为一名合格的前端工程师，需要掌握前端开发相关的技术，比如“HTML”“CSS”“JavaScript”“Ajax”“node.js”“React.js”等技术。在众多的前端开发技术中，“HTML”“CSS”“JavaScript”是最基本也是最核心的技术，其他很多技术都是在这些核心技术的基础上发展起来的，这些新技术常常会随着时代的发展而被淘汰，而“HTML”“CSS”“JavaScript”作为原生语言却一直保持着旺盛的生命力。所以，作为前端开发人员，“HTML”“CSS”“JavaScript”是要掌握的最核心的开发技能！鉴于“HTML”“CSS”“JavaScript”在前端开发中的重要性，本书对它们进行了详尽的讲述。

本书全文分为四篇：HTML、CSS、JavaScript和HTML+CSS+JavaScript综合案例。全书系统、全面地介绍了Web开发所涉及的三大前端技术的内容和应用技巧。

第一篇 HTML篇

这部分内容由第1章～第12章组成，主要讲述了HTML相关概念、HTML文件的基本结构、文档类型、网站建设与发布流程、常用的HTML标签、HTML5语法变化、HTML5表单新增属性和新增input元素类型、HTML5新增文档结构元素和表单元素，以及新增的客户端校验方式等内容。

第二篇 CSS篇

这部分内容由第13章～第15章组成，主要讲述了CSS的定义、CSS基本选择器和复合选择器、CSS常用属性、在HTML文档中应用CSS的方式、盒子模型、定位排版和浮动排版、网页常用布局版式及其应用等内容。

第三篇 JavaScript篇

这部分内容由第16章～第24章组成，主要讲述了JavaScript基础知识、在HTML网页中嵌入脚本的方式、脚本函数、事件处理、正则表达式模式匹配、JavaScript内置对象、BOM对象、DOM模型以及使用DOM操作HTML文档和几个经典案例等内容。