从零开始学HTML5+CSS3+JavaScript

第1篇　HTML基础篇

第1章 HTML基础 2 视频讲解：5节，58分钟

1.1 HTML概述 3

1.1.1 什么是HTML 3

1.1.2 HTML的发展历程 3

1.2 HTML文件的基本结构 3

1.2.1 HTML的基本结构 4

1.2.2 HTML的基本标签 5

1.3 编写第一个HTML文件 8

1.3.1 HTML文件的编写方法 8

1.3.2 手工编写页面 9

1.3.3 使用WebStorm制作页面 10

[实例1.1] 运用属性，渲染页面效果 15

本章知识思维导图 16

第2章 文本 17 视频讲解：10节，72分钟

2.1 标题 18

2.1.1 标题标签 18

[实例2.1] 巧用标题标签，编写开心一笑 18

2.1.2 标题的对齐方式 20

[实例2.2] 活用文字居中，推荐商品信息 20

2.2 文字 21

2.2.1 文字的斜体、下划线、删除线 21

[实例2.3] 活用文字装饰，推荐商品信息 21

2.2.2 文字的上标与下标 22

[实例2.4] 使用上标与下标，展示数学公示表 23

2.2.3 特殊文字符号 23

[实例2.5] 巧用文字符，绘制字符画 24

2.3 段落 24

2.3.1 段落标签 25

[实例2.6] 巧用段落标签，介绍创意文字 25

2.3.2 段落的换行标签 26

[实例2.7] 巧用换行，书写古诗 26

2.3.3 段落的原格式标签 27

[实例2.8] 巧用原格式标签，输出元旦快乐 27

2.4 水平线 28

2.4.1 水平线标签 28

[实例2.9] 巧用水平线，绘制行表格 28

2.4.2 水平线标签的宽度 29

[实例2.10] 巧用的宽度属性，装饰文字 29

本章知识思维导图 30

第3章 添加图像 31 视频讲解：5节，74分钟

3.1 添加图像 32

3.1.1 图像的基本格式 32

3.1.2 添加图像 32

[实例3.1] 使用img标签，实现象棋简介 33

3.2 设置图像属性 34

3.2.1 图像大小与边框 34

[实例3.2] 改变手机商品图像的大小和边框 34

3.2.2 图像间距与对齐方式 35

[实例3.3] 使用align和vspace等改变头像的位置 36

3.2.3 替换文本与提示文字 36

[实例3.4] 设置图像的提示文字与替换文本 37

本章知识思维导图 38

第4章 超链接的使用 39 视频讲解：4节，67分钟

4.1 链 接 标 签 40

4.1.1 文本链接 40

[实例4.1] 巧用文本链接，实现网站导航 40

4.1.2 书签链接 41

[实例4.2] 巧用书签链接，实现商城网页内部跳转 41

4.2 图像的超链接 43

4.2.1 图像的超链接 43

[实例4.3] 添加图像链接，实现“手机风暴”板块 43

4.2.2 图像热区链接 44

[实例4.4] 使用热区链接，添加多个链接地址 45

本章知识思维导图 46

第5章 表格与标签 47 视频讲解：9节，72分钟

5.1 简单表格 48

5.1.1 简单表格的制作 48

[实例5.1] 使用表格标签编写值日表 48

5.1.2 表头的设置 49

[实例5.2] 使用表头标签制作简单课程表 50

5.2 表格的高级应用 51

5.2.1 表格的样式 51

[实例5.3] 制作商品推荐表格 51

5.2.2 表格的合并 52

[实例5.4] 使用表格标签，制作复杂的课程表 53

5.2.3 表格的分组 54

[实例5.5] 使用表格分组制作学生练习表 54

5.3 标签 56

5.3.1 标签的介绍 56

[实例5.6] 使用标签制作一首古诗 56

5.3.2 标签的应用 57

[实例5.7] 使用标签制作个人简历 57

5.4 标签 58

5.4.1 标签的介绍 58

[实例5.8] 使用标签制作春节介绍短文 59

5.4.2 标签的应用 59

[实例5.9] 使用标签制作公司介绍小短文 60

本章知识思维导图 61

第2篇　CSS3与HTML5应用篇

第6章 CSS3概述 64 视频讲解：9节，141分钟

6.1 CSS概述 65

6.1.1 CSS的发展史 65

6.1.2 一个简单的CSS示例 65

6.2 CSS3中的选择器 67

6.2.1 属性选择器 68

[实例6.1] 实现51购商城中的手机风暴版块 68

6.2.2 类和ID选择器 69

[实例6.2] 实现商城首页中爆款特卖版块 70

6.2.3 伪类和伪元素选择器 71

[实例6.3] 实现vivo X9s手机的宣传页面 72

6.2.4 其他选择器 74

[实例6.4] 实现商城的分类版块界面 74

6.3 常用属性 76

6.3.1 文本相关属性 76

[实例6.5] 实现51购商城的抢购页面 78

6.3.2 背景相关属性 79

[实例6.6] 实现为登录页面插入背景图像 80

6.3.3 列表相关属性 81

[实例6.7] 实现购物商城导航栏 81

本章知识思维导图 83

第7章 CSS3高级应用 84 视频讲解：8节，155分钟

7.1 框模型 85

7.1.1 外边距（margin） 85

[实例7.1] 实现vivo X9 Plus手机宣传页面 86

7.1.2 内边距（padding） 87

[实例7.2] 实现手机商城新品专区的商品页面 88

7.1.3 边框（border） 89

[实例7.3] 实现购物商城中的商品列表 91

7.2 布局常用属性 92

7.2.1 浮动 93

[实例7.4] 比较各浮动方式的区别 93

7.2.2 定位 94

[实例7.5] 实现鼠标滑过文字显示对应的内容 95

7.3 动画与特效 95

7.3.1 变换（transform） 96

[实例7.6] 实现鼠标滑过时图像显示对应的变形效果 96

7.3.2 过渡（transition） 98

[实例7.7] 实现鼠标滑过时逐渐展开图像的效果 99

7.3.3 动画（animation） 100

[实例7.8] 实现滚动广告动画 102

本章知识思维导图 103

第8章 列表 104 视频讲解：7节，32分钟

8.1 列表的标签 105

8.2 无序列表 105