Web前端开发案例教程——HTML5+CSS3+JavaScript+jQuery

1.1　HTML发展历史1
1.2　CSS发展历史2
1.3　JavaScript发展历史2
1.4　HTML常用开发工具3
1.5　Web项目开发入门4
1.5.1　使用HBuilder新建项目4
1.5.2　Web项目基本结构5
1.5.3　新建一个HTML文件5
1.5.4　HTML文档的基本结构6
1.5.5　HTML的相关基本定义7
单元总结7
习题8
2.1　文本标签9
2.1.1　标题标签9
2.1.2　字体标签10
2.1.3　段落标签11
2.1.4　换行标签11
2.1.5　预格式化标签12
2.1.6　转义字符13
2.1.7　文字修饰标签14
2.1.8　文本标签综合案例
新闻页面15
2.2　列表标签16
2.2.1　无序列表16
2.2.2　有序列表17
2.2.3　嵌套列表网站导航栏18
2.3　分隔线标签19
2.4　图片标签20
2.5　超链接标签21
2.5.1　文本链接21
2.5.2　书签链接22
2.5.3　图像链接23
2.5.4　Email链接25
2.6　多媒体标签 —— Web页面
音视频播放26
2.6.1　audio音频标签 ——
音频播放26
2.6.2　video视频标签 ——
视频播放27
2.7　标签类型28
2.7.1　行内标签28
2.7.2　块状标签29
2.7.3　行内块状标签30
2.7.4　标签显示模式转换display30
2.8　meta标签31
2.8.1　概述31
2.8.2　属性31
单元总结33
习题33
拓展实训34
3.1　表格35
3.1.1　表格概念35
3.1.2　表格结构36
3.1.3　表格属性37
3.1.4　表格综合案例 —— 电子
图书目录38
3.2　表单40
3.2.1　表单概述40
3.2.2　表单控件40
3.2.3　HTML5 input控件新增功能43
3.2.4　HTML5表单控件新增属性48
3.2.5　表单综合案例 ——用户
信息注册页面51
单元总结53
习题53
拓展实训54
4.1　CSS3基本概念55
4.1.1　CSS3的作用55
4.1.2　CSS3基本语法55
4.1.3　CSS3应用样式56
4.1.4　CSS3代码注释57
4.2　CSS3基本选择器57
4.2.1　元素选择器57
4.2.2　ID选择器59
4.2.3　类选择器60
4.2.4　属性选择器62
4.2.5　派生选择器63
4.2.6　伪类选择器69
4.2.7　伪元素选择器70
4.3　CSS3字体样式属性72
4.3.1　fontsize:字号大小72
4.3.2　fontfamily:字体73
4.3.3　fontweight:字体粗细74
4.3.4　fontstyle:字体风格74
4.3.5　font:综合设置字体样式74
4.4　CSS3文本属性74
4.4.1　color：文本颜色74
4.4.2　lineheight：行间距74
4.4.3　textalign：水平对齐方式74
4.4.4　textindent：首行缩进75
4.4.5　textdecoration：
文本的装饰75
4.5　CSS3背景属性75
4.5.1　backgroundcolor：
背景颜色75
4.5.2　backgroundimage：
背景图片75
4.5.3　backgroundrepeat：
背景平铺75
4.5.4　backgroundposition：
背景位置76
单元总结76
习题77
拓展实训78
5.1　CSS3盒子模型79
5.1.1　CSS3内边距属性81
5.1.2　CSS3值复制82
5.1.3　CSS3外边距属性83
5.1.4　CSS3边框属性84
5.1.5　CSS3轮廓属性86
5.1.6　盒子模型综合案例 —— 用户
登录页面美化86
5.2　CSS3常见网页布局实现88
5.2.1　一列固定宽度且居中型89
5.2.2　两列左窄右宽型91
5.2.3　通栏平均分布型92
5.3　CSS3浮动95
5.3.1　float图文环绕95
5.3.2　clear清除浮动97
5.3.3　浮动综合案例 —— 网站
导航栏设计98
5.4　CSS3定位100
5.4.1　position位置属性101
5.4.2　定位位置101
5.4.3　static静态定位101
5.4.4　relative相对定位102
5.4.5　absolute绝对定位　103
5.4.6　fixed固定定位—— 客服区域103
5.4.7　sticky黏性定位105
5.4.8　子绝父相 —— 轮播控制106
5.4.9　zindex定位层序108
5.4.10　定位综合案例—— 快捷
导航栏108
5.5　CSS3弹性布局110
5.5.1　flex基本概念110
5.5.2　flex容器的属性111
5.5.3　item项目的属性113
5.5.4　弹性布局综合案例 ——
商品陈列115
5.6　CSS3变形与动画116
5.6.1　CSS3变形116
5.6.2　CSS3过渡120
5.6.3　CSS3动画121
单元总结122
习题123
拓展实训124
6.1　JavaScript程序概述125
6.1.1　JavaScript 构成125
6.1.2　JavaScript程序编写126
6.1.3　JavaScript 程序执行顺序127
6.1.4　JavaScript基本语法128
6.2　变量与运算符129
6.2.1　变量129
6.2.2　标识符、关键字和保留字130
6.2.3　数据类型132
6.2.4　运算符134
6.3　JavaScript数组139
6.3.1　数组定义139
6.3.2　数组元素访问140
6.3.3　数组长度140
6.3.4　数组操作140
6.4　JavaScript对象144
6.4.1　对象定义144
6.4.2　对象属性操作144
6.5　程序结构145
6.5.1　分支结构145
6.5.2　循环结构149
6.6　函数152
6.6.1　函数声明与调用152
6.6.2　变量的作用域155
6.6.3　程序设计综合案例 ——
杨辉三角156
6.7　正则表达式158
6.7.1　正则表达式定义158
6.7.2　操作正则表达式的方法161
6.7.3　正则表达式综合案例 ——
用户注册信息验证163
单元总结165
习题165
拓展实训165
7.1　对象模型与弹出框166
7.1.1　文档对象模型DOM166
7.1.2　浏览器对象模型BOM167
7.1.3　弹出框168
7.2　元素与节点170
7.2.1　元素操作170
7.2.2　节点操作173
7.3　事件处理程序178
7.3