Web前端开发技术——HTML、CSS、JavaScript（第3版）-图书-人邮教育社区

内容摘要

本书全面介绍了Web标准的3个主要组成部分：HTML、CSS和JavaScript。循序渐进地讲述Web开发所涉及的三大前端技术的内容、应用技巧，以及它们的综合应用。每部分都配备了大量的实用案例，图文并茂，效果直观。
全书共21章，分为4个部分。在HTML部分，系统介绍了HTML基本概念、常用文本标签、HTML5文档结构标签、在网页中插入多媒体内容、列表、div标签、元素类型、在网页中创建超链接、在网页中使用表格、在网页中创建表单等内容；在CSS部分，系统介绍了CSS的定义、CSS选择器、CSS常用属性、盒子模型、网页元素的CSS排版、网页常用布局版式等内容；在JavaScript部分，系统介绍了JavaScript基础、脚本函数、事件处理、JavaScript内置对象、使用DOM操作HTML文档、BOM对象、正则表达式模式匹配、JavaScript经典实例等内容；本书最后部分，通过一个综合案例，详细讲解了整合三大Web前端技术制作网页涉及的各方面内容和技巧。
本书可作为普通高等院校、大中专院校及培训学校计算机及相关专业的教材，也可供从事前端开发工作的相关人员参考。

第 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　<!doctype>文档类型声明标签　5
1.3.4　<html>及网页头部区域标签　6
1.3.5　<body>主体标签　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　使用<object>嵌入Flash动画　31
3.3　使用<embed>嵌入多媒体内容　33
3.4　使用<video>嵌入音频和视频　34
3.5　使用<audio>嵌入音频　36
　习题 3　36
第4章　列表、DIV标签和元素类型　38
4.1　使用列表标签创建列表　38
4.1.1　创建有序列表　38
4.1.2　创建无序列表　40
4.1.3　创建嵌套列表　44
4.2　<div>标签　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　使用<a>标签创建超链接　52
5.1.1　创建超链接的基本语法　52
5.1.2　设置超链接目标窗口　53
5.1.3　超链接的链接路径　54
5.2　基准URL标签<base>　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　<table>标签　66
6.2.2　表格标题标签<caption>　68
6.2.3　<tr>标签　68
6.2.4　<td>和<th>标签　69
6.2.5　单元格的跨行和跨列设置　71
6.2.6　<thead>、<tbody>和<tfoot>标签　73
6.3　表格的综合示例　74
习　题 6　76
第7章　在网页中创建表单　77
7.1　表单概述　77
7.2　<form>标签　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　使用<script>标签链接外部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