从零开始学HTML5+CSS3+JavaScript

本书从零基础读者的角度出发，通过通俗易懂 的语言、丰富多彩的实例，循序渐进地让读者在实 践中学习HTML、CSS 与JavaScript编程知识，提 升自己的实际开发能力。 全书共分为5篇24章，内容包括HTML基础、文 本、添加图像、超链接的使用、表格与div标签、 CSS3概述、CSS3高级应用、列表、表单、多媒体播 放、HTML5新特性、响应式网页设计、响应式组件 、JavaScript概述、JavaScript 语言基础、 JavaScript 基本语句、JavaScript 中的函数、 JavaScript 中的对象、JavaScript 中的数组、 Ajax技术、jQuery基础、jQuery控制页面和事件 处理、设计叮叮商城网站、模仿王者荣耀游戏网站 等。书中知识点讲解细致，侧重介绍每个知识点的 使用场景，涉及的代码给出了详细的注释，可以使 读者轻松领会前端开发的精髓，快速提高开发技能 。同时，本书配套了大量教学视频，扫码即可观看 ，还提供所有程序源文件，方便读者实践。 本书适合HTML、CSS、JavaScript初学者及前 端开发入门者自学使用，也可用作高等院校相关专 业的教材及参考书。

第1篇　HTML基础篇 第1章 HTML基础 1.1 HTML概述 1.1.1 什么是HTML 1.1.2 HTML的发展历程 1.2 HTML文件的基本结构 1.2.1 HTML的基本结构 1.2.2 HTML的基本标签 1.3 编写第一个HTML文件 1.3.1 HTML文件的编写方法 1.3.2 手工编写页面 1.3.3 使用WebStorm制作页面 [实例1.1 ] 运用(body)属性，渲染页面效果 本章知识思维导图 第2章 文本 2.1 标题 2.1.1 标题标签 [实例2.1 ] 巧用标题标签，编写开心一笑 2.1.2 标题的对齐方式 [实例2.2 ] 活用文字居中，推荐商品信息 2.2 文字 2.2.1 文字的斜体、下划线、删除线 [实例2.3 ] 活用文字装饰，推荐商品信息 2.2.2 文字的上标与下标 [实例2.4 ] 使用上标与下标，展示数学公示表 2.2.3 特殊文字符号 [实例2.5 ] 巧用文字符，绘制字符画 2.3 段落 2.3.1 段落标签 [实例2.6 ] 巧用段落标签，介绍创意文字 2.3.2 段落的换行标签 [实例2.7 ] 巧用换行，书写古诗 2.3.3 段落的原格式标签 [实例2.8 ] 巧用原格式标签，输出元旦快乐 2.4 水平线 2.4.1 水平线标签 [实例2.9 ] 巧用水平线，绘制行表格 2.4.2 水平线标签的宽度 [实例2.10 ] 巧用(hr)的宽度属性，装饰文字 本章知识思维导图 第3章 添加图像 3.1 添加图像 3.1.1 图像的基本格式 3.1.2 添加图像 [实例3.1 ] 使用img标签，实现象棋简介 3.2 设置图像属性 3.2.1 图像大小与边框 [实例3.2 ] 改变手机商品图像的大小和边框 3.2.2 图像间距与对齐方式 [实例3.3 ] 使用align和vspace等改变头像的位置 3.2.3 替换文本与提示文字 [实例3.4 ] 设置图像的提示文字与替换文本 本章知识思维导图 第4章 超链接的使用 4.1 链 接 标 签 4.1.1 文本链接 [实例4.1 ] 巧用文本链接，实现网站导航 4.1.2 书签链接 [实例4.2 ] 巧用书签链接，实现商城网页内部跳转 4.2 图像的超链接 4.2.1 图像的超链接 [实例4.3 ] 添加图像链接，实现“手机风暴”板块 4.2.2 图像热区链接 [实例4.4 ] 使用热区链接，添加多个链接地址 本章知识思维导图 第5章 表格与(div)标签 5.1 简单表格 5.1.1 简单表格的制作 [实例5.1 ] 使用表格标签编写值日表 5.1.2 表头的设置 [实例5.2 ] 使用表头标签制作简单课程表 5.2 表格的高级应用 5.2.1 表格的样式 [实例5.3 ] 制作商品推荐表格 5.2.2 表格的合并 [实例5.4 ] 使用表格标签，制作复杂的课程表 5.2.3 表格的分组 [实例5.5 ] 使用表格分组制作学生练习表 5.3 (div)标签 5.3.1 (div)标签的介绍 [实例5.6 ] 使用(div)标签制作一首古诗 5.3.2 (div)标签的应用 [实例5.7 ] 使用(div)标签制作个人简历 5.4 (span)标签 5.4.1 (span)标签的介绍 [实例5.8 ] 使用(span)标签制作春节介绍短文 5.4.2 (span)标签的应用 [实例5.9 ] 使用(span)标签制作公司介绍小短文 本章知识思维导图 第2篇　CSS3与HTML5应用篇 第6章 CSS3概述 6.1 CSS概述 6.1.1 CSS的发展史 6.1.2 一个简单的CSS示例 6.2 CSS3中的选择器 6.2.1 属性选择器 [实例6.1 ] 实现51购商城中的手机风暴版块 6.2.2 类和ID选择器 [实例6.2 ] 实现商城首页中爆款特卖版块 6.2.3 伪类和伪元素选择器 [实例6.3 ] 实现vivo X9s手机的宣传页面 6.2.4 其他选择器 [实例6.4 ] 实现商城的分类版块界面 6.3 常用属性 6.3.1 文本相关属性 [实例6.5 ] 实现51购商城的抢购页面 6.3.2 背景相关属性 [实例6.6 ] 实现为登录页面插入背景图像 6.3.3 列表相关属性 [实例6.7 ] 实现购物商城导航栏 本章知识思维导图 第7章 CSS3高级应用 7.1 框模型 7.1.1 外边距（margin） [实例7.1 ] 实现vivo X9 Plus手机宣传页面 7.1.2 内边距（padding） [实例7.2 ] 实现手机商城新品专区的商品页面 7.1.3 边框（border） [实例7.3 ] 实现购物商城中的商品列表 7.2 布局常用属性 7.2.1 浮动 [实例7.4 ] 比较各浮动方式的区别 7.2.2 定位 [实例7.5 ] 实现鼠标滑过文字显示对应的内容 7.3 动画与特效 7.3.1 变换（transform） [实例7.6 ] 实现鼠标滑过时图像显示对应的变形效果 7.3.2 过渡