HTML+CSS+JavaScript Web前端开发技术

第1篇　HTML篇

第1章　HTML基础　2

1.1　基本概念　2

1.2　HTML概述　3

1.2.1　HTML定义　3

1.2.2　HTML的发展历程　3

1.3　HTML文件　4

1.3.1　HTML标签　5

1.3.2　HTML文件的基本结构　5

1.3.3　HTML文件的编写方法　6

1.4　XHTML基础　10

1.4.1　XHTML基本语法　10

1.4.2　XHTML文档类型　10

1.5　网站的建设与发布　11

1.5.1　网站策划　11

1.5.2　网站素材收集　12

1.5.3　网页规划　12

1.5.4　网站目录设计　12

1.5.5　网页制作　13

1.5.6　网站测试　13

1.5.7　网站发布　13

习题1　13

第2章　页面的头部标签　14

2.1　页面的头部标签　14

2.2　标题标签14

2.3　元信息标签　15

2.3.1　标签属性　15

2.3.2　设定网页关键字　16

2.3.3　设定网页描述信息　16

2.3.4　设定网页字符集　17

2.3.5　设定网页自动刷新　18

2.3.6　设定网页自动跳转　19

习题2　20

第3章　页面的主体标签　21

3.1　设置网页正文颜色与背景颜色　21

3.2　添加网页背景图片　22

3.3　设置网页链接文字颜色　23

3.4　设置网页边距　24

习题3　25

第4章　文字与段落标签　26

4.1　常用文字标签　26

4.1.1　文字内容的输入　26

4.1.2　标题字设置　28

4.1.3　使用strong设置强调并加强文字　29

4.2　段落标签　30

4.2.1　段落标签　30

4.2.2　换行标签
　31

习题4　31

第5章　列表标签　33

5.1　有序列表　33

5.1.1　有序列表的前导符设置　34

5.1.2　有序列表的前导符起始编号设置　34

5.2　无序列表　36

5.2.1　项目列表　36

5.2.2　项目列表的前导符设置　37

5.2.3　定义列表　38

5.3　嵌套列表　39

习题5　41

第6章　图片标签　42

6.1　网页常用图片格式　42

6.2　插入图片　42

6.2.1　设置图片大小　43

6.2.2　设置图片描述信息和替换信息　43

6.2.3　设置图片与周围对象的间距　44

6.2.4　设置图片的对齐方式　45

6.2.5　设置图片的边框　46

习题6　47

第7章　在网页中嵌入多媒体内容　48

7.1　概述　48

7.2　设置滚动字幕　48

7.2.1　设置默认效果的滚动字幕　48

7.2.2　设置滚动字幕的滚动方向　49

7.2.3　设置滚动字幕的滚动行为　50

7.2.4　设置字幕的滚动速度和滚动延迟特性　50

7.3　使用嵌入Flash动画　52

7.4　使用嵌入多媒体内容　54

7.5　使用嵌入媒体内容　55

7.6　使用嵌入音频　56

习题7　57

第8章　在网页中创建超链接　58

8.1　创建超链接　58

8.1.1　超链接标签　58

8.1.2　设置超链接目标窗口　59

8.1.3　超链接的链接路径　60

8.2　基准URL标签　61

8.3　超链接的类型　62

8.3.1　内部链接　63

8.3.2　外部链接　63

8.3.3　书签链接　64

8.3.4　脚本链接　66

8.3.5　文件下载　66

8.3.6　文本链接　67

8.3.7　图片链接　67

8.4　超链接与浮动框架　68

8.4.1　在页面中嵌入浮动框架　68

8.4.2　设置浮动框架的大小　69

8.4.3　设置浮动框架的边框　70

8.4.4　浮动框架作为超链接目标　70

习题8　71

第9章　在网页中使用表格　73

9.1　表格概述　73

9.2　表格标签　74

9.2.1　设置表格的边框　74

9.2.2　设置表格的宽度和高度　75

9.2.3　设置表格的对齐方式　76

9.2.4　设置表格的边距　77

9.2.5　设置表格的间距　77

9.2.6　设置表格的标题　78

9.3　标签　79

9.4　和标签　81

9.4.1　使用创建表头　81

9.4.2　设置单元格的对齐方式　82

9.4.3　设置单元格的边框颜色和背景颜色　83

9.4.4　设置单元格的背景图片　84

9.4.5　设置单元格的宽度和高度　85

9.4.6　单元格的跨行和跨列设置　85

9.5　表格的综合示例：使用表格布局网页　88

习题9　91

第10章　在网页中创建表单　92

10.1　表单概述　92

10.2　表单标签　92

10.2.1　表单标签　93

10.2.2　输入标签　94

10.2.3　选择列表标签　100

10.2.4　文本域标签　102

10.3　表单综合示例：使用表单收集个人信息　103

习题10　105

第11章　HTML5语法变化及新增文档结构元素　107

11.1　HTML5语法变化　107

11.2　HTML5新增文档结构元素　108

习题11　111

第12章　HTML5表单　112

12.1　表单新增属性　112

12.1.1　form属性　112

12.1.2　formaction属性　113

12.1.3　autofocus属性　114

12.1.4　pattern属性　114

12.1.5　placeholder属性　115

12.1.6　required属性　116

12.2　新增的input元素类型　117

12.2.1　tel类型　117

12.2.2　email类型　118

12.2.3　url类型　118

12.2.4　number类型　119

12.2.5　range类型　120

12.2.6　search类型　120

12.2.7　color类型　121

12.2.8　date类型　122

12.2.9　time类型　123

12.2.10　datetime类型　124

12.2.11　datetime-local类型　124

12.2.12　week类型　125

12.2.13　month类型　126

12.3　提交按钮新增取消验检属性　126

习题12　127

第2篇　CSS篇

第13章　CSS的定义及应用　130

13.1　CSS概述　130

13.2　定义CSS的基本语法　132

13.3　CSS基本选择器　133

13.3.1　元素选择器　134

13.3.2　类选择器　134

13.3.3　ID选择器　136

13.3.4　通用选择器　138

13.3.5　伪类选择器　139

13.3.6　伪元素选择器　143

13.4　CSS复合选择器　146

13.4.1　交集选择器　146

13.4.2　并集选择器　147

13.4.3　属性选择器　148

13.4.4　后代选择器　151

13.4.5　子元素选择器　152

13.4.6　相邻兄弟选择器　154

13.5　CSS常用属性　155

13.5.1　文本属性　155

13.5.2　字体属性　157

13.5.3　背景属性　158

13.5.4　列表属性　159

13.5.5　表格属性　165

13.6　在HTML文档中应用CSS　167

13.6.1　行内式　167

13.6.2　内嵌式　168

13.6.3　链接式　169

13.6.4　导入式　170

13.6.5　CSS的冲突与解决　170

习题13　171

第14章　盒子模型及盒子的CSS排版　173

14.1　盒子模型　173

14.1.1　盒子模型的组成　173

14.1.2　盒子的边框（border）设置　174

14.1.3　盒子的内边距（padding）设置　177

14.1.4　盒子外边距（margin）设置　179

14.1.5　盒子内容大小设置　180

14.2　盒子的CSS排版　181

14.2.1　普通流排版　181

14.2.2　盒子外边距的合并　184

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

14.2.4　浮动排版　192

14.2.5　定位排版　204

习题14　214

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

15.1　上中下一栏版式　215

15.2　左右两栏版式　216

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

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

15.5　左右宽度固定中间自适应的左中右三栏 页眉 页脚版式　223

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

习题15　225

第3篇　JavaScript篇

第16章　JavaScript基础　228

16.1　JavaScript概述　228

16.2　标识符和关键字　230

16.3　直接量　231

16.4　变量　231

16.4.1　变量的声明与赋值　232

16.4.2　变量的作用域　232

16.5　数据类型　234

16.5.1　数字类型　234

16.5.2　字符串类型　235

16.5.3　布尔类型　238

16.5.4　null和undefined类型　238

16.5.5　数据类型的转换　239

16.6　表达式和运算符　239

16.6.1　算术表达式　240

16.6.2　关系表达式　241

16.6.3　逻辑表达式　242

16.6.4　赋值表达式　245

16.6.5　条件表达式　246

16.6.6　其他运算符　246

16.6.7　运算符的优先级及结合性　247

16.7　语句　249

16.7.1　表达式语句　249

16.7.2　声明语句　249

16.7.3　条件语句　250

16.7.4　循环语句　257

16.7.5　循环终止和退出语句　261

16.7.6　注释语句　264

16.8　JavaScript代码的调试方法　265

16.8.1　使用alert()方法调试脚本代码　265

16.8.2　使用write()方法调试脚本代码　265

16.9　JavaScript代码的常用调试工具　266

16.9.1　IE开发人员工具　266

16.9.2　Firebug工具　268

习题16　270

第17章　在网页中嵌入脚本　271

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

17.2　使用script标签插入脚本　272

17.3　使用script标签链接脚本文件　272

习题17　273

第18章　脚本函数　274

18.1　函数定义　274

18.2　函数调用　275

18.2.1　函数的一般调用　275

18.2.2　在事件响应中调用函数　276

18.2.3　在链接中调用函数　277

18.3　内置函数　278

习题18　280

第19章　事件处理　281

19.1　事件处理概述　281

19.2　注册事件处理程序　282

19.2.1　设置HTML标签的事件属性为事件处理程序　282

19.2.2　设置事件目标的事件属性为事件处理函数　283

19.2.3　使用事件目标调用addEventListener()方法　284

19.3　事件处理程序的调用　286

19.3.1　事件处理程序与this的使用　286

19.3.2　事件对象event　289

19.3.3　事件处理程序的返回值　291

习题19　292

第20章　正则表达式模式匹配　293

20.1　正则表达式定义　293

20.2　使用RegExp对象进行模式匹配　295

20.2.1　创建RegExp对象　295

20.2.2　RegExp对象常用属性和方法　295

20.3　用于模式匹配的String方法　299

习题20　303

第21章　JavaScript内置对象　304

21.1　Array对象　304

21.2　String对象　306

21.3　Math对象　307

21.4　Date对象　309

习题21　311

第22章　BOM对象　312

22.1　BOM结构　312

22.2　Window对象　312

22.3　Navigator对象　320

22.4　Location对象　322

22.5　History对象　324

22.6　Screen对象　324

习题22　325

第23章　使用DOM操作HTML文档　326

23.1　DOM概述　326

23.2　DOM对象　327

23.2.1　Document对象　327

23.2.2　元素对象　328

23.2.3　属性对象　329

23.3　使用DOM访问文档元素　330

23.3.1　获取文档元素　330

23.3.2　访问和设置文档元素属性　331

23.4　使用DOM创建、插入、修改和

删除节点　333

23.5　表单及表单元素对象　334

23.5.1　表单对象　335

23.5.2　表单元素对象　335

习题23　341

第24章　JavaScript经典实例　342

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

24.2　使用JavaScript创建对联广告　345

24.3　使用JavaScript创建折叠菜单　347

24.4　使用JavaScript创建二级菜单　350

习题24　353

第4篇　HTML CSS JavaScript综合案例篇

第25章　使用HTML CSS JavaScript创建企业网站　356

25.1　企业网站的创建流程　356

25.2　公司简介网页的制作　358

25.2.1　页面头部制作　358

25.2.2　页面内容布局版式　361

25.2.3　页面主体内容制作　362

25.2.4　页面侧边栏制作　364

25.2.5　页脚制作　367

25.2.6　网页居中显示设置　368

25.3　网上订购页面的制作　369