包邮Web前端开发技术:HTML, CSS, JavaScript:HTML,CSS,JavaScript

第 1章HTML基础 1

1.1　基本概念　1

1.2　HTML发展历程　2

1.3　HTML文件　3

1.3.1　HTML标签　4

1.3.2　HTML文件基本结构　5

1.3.3　文档类型声明标签　5

1.3.4　及网页头部区域标签　6 1.3.5　 主体标签　11

1.3.6　HTML文件的编写方法　12

习　题 1　14

第　2章 常用文本标签和文档结构标签　16

2.1　常用文本标签　16

2.1.1　段落与换行标签　16

2.1.2　标题字标签　17

2.1.3　strong标签强调　18

2.1.4　em标签　19

2.1.5　span标签　19

2.1.6　空格、特殊字符的输入及注释　20

2.2　HTML5文档结构标签　22

2.2.1　header标签　22

2.2.2　article标签　23

2.2.3　section标签　23

2.2.4　nav标签　24

2.2.5　aside标签　25

2.2.6　footer标签　25

习　题 2　26

第3章　在网页中插入多媒体内容　28

3.1　在网页中插入图片　28

3.1.1　网页常用图片格式　28

3.1.2　插入图片基本语法　28

3.1.3　设置图片大小　29

3.1.4　设置图片描述信息和替换信息　30

3.2　使用嵌入Flash动画　31

3.3　使用嵌入多媒体内容　33

3.4　使用嵌入音频和视频　34

3.5　使用嵌入音频　36

习 题 3　36

第4章　列表、DIV标签和元素类型　38

4.1　使用列表标签创建列表　38

4.1.1　创建有序列表　38

4.1.2　创建无序列表　40

4.1.3　创建嵌套列表　44

4.2　标签　45

4.3　元素类型　46

4.3.1　block块级元素　46

4.3.2　inline行内元素　48

4.3.3　inline-block行内块元素　49

习　题 4　50

第5章　在网页中创建超链接　52

5.1　使用标签创建超链接　52

5.1.1　创建超链接的基本语法　52

5.1.2　设置超链接目标窗口　53

5.1.3　超链接的链接路径　54

5.2　基准URL标签　55

5.3　超链接的类型　56

5.3.1　内部链接　56

5.3.2　外部链接　57

5.3.3　书签链接　57

5.3.4　脚本链接　59

5.3.5　文件下载　59

5.3.6　文本链接　60

5.3.7　图片链接　60

5.4　超链接与浮动框架　61

5.4.1　在页面中嵌入浮动框架　61

5.4.2　设置浮动框架的大小　62

5.4.3　设置浮动框架的边框　62

5.4.4　浮动框架作为超链接目标　63

习　题 5　64

第6章　在网页中使用表格　65

6.1　表格概述　65

6.2　表格标签　66

6.2.1　标签　66

6.2.2　表格标题标签　68

6.2.3　标签　68

6.2.4　和标签　69

6.2.5　单元格的跨行和跨列设置　71

6.2.6　、和标签　73

6.3　表格的综合示例　74

习　题 6　76

第7章　在网页中创建表单　77

7.1　表单概述　77

7.2　标签　78

7.3　input元素　78

7.3.1　文本框　79

7.3.2　密码框　80

7.3.3　隐藏域　80

7.3.4　文件域　81

7.3.5　单选框和复选框　82

7.3.6　提交按钮　83

7.3.7　button按钮　83

7.3.8　重置按钮　84

7.3.9　图像按钮　85

7.4　选择列表元素　85

7.5　文本域元素　88

7.6　HTML5表单新增属性　89

7.6.1　form属性　89

7.6.2　formaction属性　89

7.6.3　autofocus属性　90

7.6.4　pattern属性　91

7.6.5　placeholder属性　92

7.6.6　required属性　92

7.7　HTML5表单新增的input元素类型　93

7.7.1　tel类型　94

7.7.2　email类型　94

7.7.3　url类型　94

7.7.4　number类型　95

7.7.5　range类型　96

7.7.6　search类型　97

7.7.7　color类型　97

7.7.8　date类型　98

7.7.9　time类型　99

7.7.10　datetime类型　100

7.7.11　datetime-local类型　100

7.7.12　week类型　101

7.7.13　month类型　101

7.8　提交按钮新增取消验检属性　102

7.9　表单综合示例　103

习　题 7　105

第8章　CSS的定义及应用　106

8.1　CSS概述　106

8.2　定义CSS的基本语法　107

8.3　CSS基本选择器　109

8.3.1　元素选择器　109

8.3.2　类选择器　110

8.3.3　ID选择器　112

8.3.4　伪类选择器　114

8.3.5　伪元素选择器　118

8.3.6　通用选择器　121

8.4　CSS复合选择器　122

8.4.1　交集选择器　122

8.4.2　并集选择器　123

8.4.4　后代选择器　124

8.4.5　子元素选择器　125

8.4.6　相邻兄弟选择器　126

8.5　在HTML文档中应用CSS的常用方式　127

8.5.1　行内式　127

8.5.2　内嵌式　127

8.5.3　链接式　128

8.6　CSS的冲突与解决　129

习题8　131

第9章　CSS常用属性　132

9.1　文本属性　132

9.1.1　color颜色属性　132

9.1.2　text-align水平对齐属性　133

9.1.3　text-indent首行缩进属性　135

9.1.4　text-decoration文本修饰属性　136

9.1.5　letter-spacing字符间距属性　137

9.1.6　word-spacing字间距属性　138

9.1.7　line-height文本行高属性　139

9.2　字体属性　141

9.2.1　font-weight字体粗细属性　142

9.2.2　font-style字体风格属性　143

9.2.3　font-size字体大小属性　144

9.2.4　font-family字体族属性　145

9.2.5　font字体属性　147

9.3　背景属性　149

9.3.1　背景颜色属性：background-color　149

9.3.2　背景图片属性：background-image　150

9.3.3　背景图片重复属性：background-repeat　151

9.3.4　背景图片位置属性：background-position　152

9.3.5　背景图片滚动属性：background-attachment　154

9.3.6　背景属性：background　157

9.4　display属性　157

9.5　列表属性　160

9.5　表格属性　162

习题9　164

第　10章 盒子模型　165

10.1　盒子模型的组成　165

10.2　盒子边框设置　167

10.2.1　设置边框风格　167

10.2.2　设置边框宽度　170

10.2.3　设置边框颜色　172

10.2.4　统一设置边框的宽度、颜色和风格　174

10.3　盒子内边距设置　177

10.3.1　内边距的设置　177

10.3.2　padding内边距的特点　179

10.4　盒子外边距设置　181

10.4.1　外边距的设置　181

10.4.2　盒子外边距的合并　183

10.4.3　相邻盒子之间的水平间距　189

10.5　盒子内容大小设置　191

习　题 10　192

第　11章 网页元素的CSS排版　193

11.1　标准流排版　193

11.2　浮动排版　194

11.3　定位排版　205

习　题 11　214

第　12章 网页常见布局版式　215

12.1　上中下一栏版式　215

12.2　左右两栏版式　216

12.3　左右两栏 页眉 页脚版式　219

12.4　左右宽度固定中间自适应的左中右三栏版式　220

12.5　左中右三栏 页眉 页脚版式　223

12.6　DIV CSS布局与表格布局的比较　224

习　题 12　225

第　13章 JavaScript基础　226

13.1　JavaScript概述　226

13.1.1　JavaScript发展历史及组成部分　226

13.1.2　JavaScript与Java的关系及编辑工具　227

13.1.3　JavaScript特点　227

13.1.4　JavaScript语法特点　228

13.1.4　JavaScript代码执行顺序和调试　229

13.2　JavaScript代码的调试方法　229

13.2.1　使用alert()方法调试JavaScript代码　229

13.2.2　使用console.log()方法调试JavaScript代码　231

13.2.3　使用IE11的“开发者工具”调试脚本代码　232

13.3　标识符、关键字和保留字　235

13.4　直接量　236

13.5　变量　236

13.5.1　变量的声明与赋值　236

13.5.2　变量的作用域　237

13.6　数据类型　239

13.6.1　数字类型　239

13.6.2　字符串类型　240

13.6.3　布尔类型　242

13.6.4　null和undefined类型　242

13.6.5　数据类型的转换　242

13.7　表达式和运算符　246

13.7.1　算术表达式　246

13.6.2　关系表达式　247

13.6.3　逻辑表达式　248

13.6.4　赋值表达式　252

13.6.5　条件表达式　253

13.6.6　new运算符　253

13.6.7　运算符的优先级及结合性　254

13.7　语句　255

13.7.1　表达式语句　255

13.7.2　声明语句　255

13.7.3　条件语句　256

13.7.4　循环语句　262

13.7.5　循环终止和退出语句　267

13.7.6　注释语句　268

13.8　在网页中嵌入JavaScript代码　269

13.8.1　在HTML标签的事件属性中直接添加脚本　269

13.8.2　使用script标签嵌入脚本代码　270

13.8.3　使用标签链接外部JavaScript文件　271

习　题 13　272

第　14章 脚本函数　273

14.1　函数定义　273

14.2　return语句详解　275

14.3　函数调用　276

14.4　this指向　278

14.5　内置函数　280

习　题 14　282

第　15章 事件处理　283

15.1　事件处理概述　283

15.2　注册事件处理程序　284

15.2.1　使用HTML标签的事件属性注册事件处理程序　284

15.2.2　使用事件目标的事件属性注册事件处理函数　285

15.2.3　使用事件目标调用addEventListener()方法　286

15.3　事件处理程序的调用　288

15.3.1　事件处理程序与this的使用　288

15.3.2　事件对象event　290

15.3.3　事件处理程序的返回值　292

习　题 15　293

第　16章 JavaScript内置对象　294

16.1　Array对象　294

16.2　String对象　296

16.3　Math对象　298

16.4　Date对象　300

习　题 16　302

第　17章 使用DOM操作HTML文档　303

17.1　DOM概述　303

17.2　DOM对象　304

17.2.1　document对象　304

17.2.2　元素对象　305

17.2.3　属性对象　306

17.3　使用DOM访问文档元素　307

17.3.1　获取文档元素　307

17.3.2　访问和设置文档元素属性　308

17.3.3　使用innerHTML属性访问和设置文档元素内容　309

17.4　使用DOM创建、插入、修改和删除节点　310

17.5　表单及表单元素对象　312

17.5.1　表单对象　312

17.5.2　表单元素对象　313

习　题 17　317

第　18章 BOM对象　318

18.1　BOM结构　318

18.2　Window对象　318

18.3　navigator对象　326

18.4　location对象　327

18.5　history对象　329

18.6　screen对象　330

习　题 18　330

第　19章 正则表达式模式匹配　332

19.1　正则表达式定义　332

19.2　使用RegExp对象进行模式匹配　333

19.2.1　创建RegExp对象　334

19.2.2　RegExp对象常用属性和方法　334

19.3　用于模式匹配的String方法　338

习　题 19　341

第　20章 JavaScript经典实例　342

20.1　使用JavaScript创建选项卡切换内容块　342

20.2　使用JavaScript创建折叠菜单　345

20.3　使用JavaScript创建二级菜单　347

习　题 20　351

第　21章 使用HTML5 CSS JavaScript创建企业网站　352

21.1　网站的建设与发布流程　352

21.1.1　网站策划　352

21.1.2　网站素材收集　352

21.1.3　网页规划　352

21.1.4　网站目录设计　353

21.1.5　网页制作　353

21.1.6　网站测试　353

21.1.7　网站发布　354

21.2　使用HTML5 CSS JavaScript创建网站　354

21.2.1　网站的创建流程　354

21.2.2　公司简介网页的制作　356

21.2.3　网上订购页面的制作　367