HTML+CSS开发指南

第一篇　HTML应用
第1章　认识HTML　3
1.1　了解Internet、Web和HTML　3
1.1.1　认识Internet　3
1.1.2　什么是Web　4
1.1.3　什么是网页　5
1.1.4　什么是HTML　5
1.1.5　什么是超级链接　5
1.1.6　常用的浏览器　6
1.1.7　Web常用格式　8
1.2　了解URL　9
1.2.1　什么是URL　10
1.2.2　URL的组成部分　10
1.2.3　URL中的端口　12
1.2.4　其他URL类型　13
1.3　HTML元素与标签　14
1.3.1　HTML元素与标签的结构　15
1.3.2　元素的属性　16
1.3.3　嵌套标签　17
1.3.4　空格与特殊字符　19
1.4　创建一个网页　20
1.4.1　使用什么编辑网页　20
1.4.2　创建网页　22
1.4.3　浏览网页文件　23
1.4.4　查看HTML源代码　23
1.4.5　使用缩进增加代码可读性　24
1.4.6　使用注释增加代码可读性　24
1.5　网页的基本元素　25
1.5.1　HTML元素　25
1.5.2　HEAD元素　25
1.5.3　TITLE元素　25
1.5.4　BODY元素　26
1.6　小结　26
第2章　设计网页正文　27
2.1　文字格式　27
2.1.1　设置文字大小　27
2.1.2　标题元素　28
2.1.3　加大与缩小　30
2.1.4　设置字体　31
2.1.5　设置文字的颜色　33
2.1.6　粗体与斜体　37
2.1.7　上标与下标　38
2.1.8　删除线与下划线　38
2.1.9　综合使用字体属性　39
2.1.10　设置等宽字体　40
2.2　段落格式　40
2.2.1　简单换行　40
2.2.2　换行并清除格式　41
2.2.3　开始一个新段落　42
2.2.4　文字居左、居中与居右　43
2.2.5　设置段落的文字方向　44
2.2.6　设置段落的语言与标题　45
2.2.7　水平线　47
2.2.8　自动换行与不换行　48
2.2.9　预定义格式　50
2.2.10　块引用　51
2.2.11　其他引用元素　52
2.3　特殊效果　53
2.3.1　设置文字闪烁　53
2.3.2　滚动文字　53
2.3.3　其他　54
2.4　网页整体设计　55
2.4.1　背景颜色　55
2.4.2　背景图片　56
2.4.3　绝对路径与相对路径　57
2.4.4　网页边距　58
2.4.5　设置网页默认字体大小　60
2.4.6　设置文本的默认颜色　61
2.4.7　设置超级链接颜色　62
2.4.8　设置网页的其他信息　63
2.5　小结　65
第3章　HTML中的超级链接　66
3.1　创建超级链接　66
3.1.1　超级链接元素　66
3.1.2　设置链接目标　67
3.1.3　设置链接标题　69
3.1.4　设置打开链接的窗口　69
3.2　有关超级链接的地址　71
3.2.1　绝对URL　72
3.2.2　相对URL　72
3.2.3　默认网页　72
3.3　创建锚　74
3.3.1　锚与命名锚　74
3.3.2　创建本页命名锚链接　74
3.3.3　链接到其他网页上的命名锚　76
3.4　其他属性及应用　77
3.4.1　设置超级链接的Tab顺序　77
3.4.2　设置超级链接快捷键　78
3.4.3　指定目标网页的字符编码方式　79
3.4.4　指定目标网页里使用的语言　80
3.4.5　指定链接目标的文件类型　81
3.4.6　目标网页与当前网页的关系　82
3.4.7　使用超级链接的注意事项　82
3.5　小结　84
第4章　HTML中的图片　85
4.1　在网页中插入图片　85
4.1.1　图片元素　85
4.1.2　图片位置　86
4.1.3　设置图片大小　87
4.1.4　设置图片的边框　89
4.1.5　使用文本说明　90
4.2　图片的对齐方式　91
4.2.1　水平对齐方式　91
4.2.2　垂直对齐方式　92
4.2.3　非标准的对齐方式　93
4.3　设置图片链接　96
4.3.1　将整个图片设为链接　97
4.3.2　将图片分为多个单击区域　98
4.4　IMG元素的其他属性　100
4.4.1　图片与文字之间的间隔　100
4.4.2　低品质图片　101
4.5　图片的相关应用　101
4.5.1　常用的图片格式　102
4.5.2　图片载入方式　103
4.5.3　在浏览器里设置禁止显示图片　103
4.6　小结　105
第5章　HTML中的列表　106
5.1　列表介绍　106
5.2　无序列表　107
5.2.1　创建无序列表　107
5.2.2　更改项目标识符　108
5.2.3　单独更改项目标识符　109
5.2.4　缩小项目中的行间距　110
5.3　有序列表　110
5.3.1　创建有序列表　110
5.3.2　指定有序列表项目编号类型　112
5.3.3　单独更改项目编号类型　113
5.3.4　指定列表的开始编号　114
5.3.5　更改某个项目编号　115
5.4　定义列表　116
5.4.1　创建定义列表　116
5.4.2　定义列表的不规范应用　117
5.5　目录列表和菜单列表　119
5.5.1　目录列表　119
5.5.2　菜单列表　120
5.6　列表的嵌套　122
5.6.1　无序列表的嵌套　122
5.6.2　有序列表的嵌套　123
5.6.3　列表的混合嵌套　124
5.7　小结　125
第6章　HTML中的表格　126
6.1　理解表格　126
6.2　创建表格　127
6.2.1　创建简单表格　127
6.2.2　指定表格列数　130
6.2.3　设置表格表头　131
6.2.4　表格宽度　132
6.2.5　表格高度　135
6.2.6　表格对齐方式　137
6.2.7　表格背景颜色　139
6.2.8　表格背景图片　141
6.2.9　单元格文字垂直对齐　142
6.2.10　表格描述　143
6.2.11　表格与文本的间隔　144
6.2.12　表格标题　146
6.2.13　标题的对齐方式　147
6.3　表格边框设置　148
6.3.1　设置表格边框粗细　148
6.3.2　修饰表格的边框　150
6.3.3　修饰表格的内部边界线　151
6.3.4　设置表格边框颜色　152
6.3.5　设置表格亮边框与暗边框颜色　153
6.4　行与单元格的设置　155
6.4.1　单元格跨列　155
6.4.2　单元格跨行　156
6.4.3　行与单元格文字对齐　158
6.4.4　单元格宽度　160
6.4.5　行与单元格高度　161
6.4.6　行与单元格背景颜色　163
6.4.7　行与单元格背景图片　164
6.4.8　单元格间距　165
6.4.9　单元格填充　166
6.4.10　行与单元格边框颜色　168
6.4.11　行与单元格的亮边框和暗边框颜色　169
6.4.12　禁止文本在单元格中自动换行　170
6.5　其他表格运用　172
6.5.1　表头行　172
6.5.2　表注行　173
6.5.3　行组元素　175
6.5.4　列组元素　176
6.5.5　使用SCOPE属性建立表头与数据单元格的联系　179
6.5.6　使用HEADERS属性建立表头与数据单元格的联系　182
6.5.7　缩写表头　184
6.5.8　为表格数据分类　185
6.6　使用表格的技巧　186
6.6.1　设置细边框的表格　186
6.6.2　设置页边距　187
6.6.3　导航条　189
6.6.4　使用表格为网页排版　190
6.6.5　使用表格的优缺点　191
6.7　小结　191
第7章　HTML中的框架　192
7.1　框架介绍　192
7.1.1　什么是框架　192
7.1.2　使用框架的优缺点　193
7.2　创建框架　195
7.2.1　创建简单的框架　195
7.2.2　创建复杂的框架　197
7.2.3　浏览器不支持框架的处理方法　198
7.3　框架属性　199
7.3.1　隐藏或显示框架边框　199
7.3.2　框架边框宽度　202
7.3.3　框架边框颜色　203
7.3.4　框架滚动条　204
7.3.5　固定框架　205
7.3.6　框架页边界　206
7.3.7　框架标签　207
7.4　在框架中使用超级链接　207
7.4.1　链接到命名框架窗口　207
7.4.2　设置默认目标　209
7.4.3　链接到特定框架窗口　210
7.5　嵌入式框架　213
7.5.1　创建嵌入式框架　213
7.5.2　浏览器不支持嵌入式框架的处理　214
7.5.3　嵌入式框架的其他属性　215
7.6　小结　215
第8章　HTML中的表单　216
8.1　表单介绍　216
8.1.1　表单　216
8.1.2　表单的作用　216
8.2　FORM元素　217
8.3　单行文本框　218
8.3.1　创建单行文本框　218
8.3.2　设置单行文本框的长度　219
8.3.3　设置单行文本框里可输入字数的限制　219
8.3.4　设置单行文本框的默认值　220
8.4　多行文本框　221
8.4.1　创建多行文本框　221
8.4.2　设置多行文本框的大小　222
8.4.3　设置多行文本框的换行　223
8.4.4　设置多行文本框的默认值　224
8.5　密码框　225
8.6　单选框　225
8.6.1　创建一个单选框组　226
8.6.2　创建多个单选框组　226
8.6.3　设置单选框选中状态　227
8.7　复选框　228
8.7.1　创建一个复选框　228
8.7.2　创建复选框组　229
8.7.3　设置复选框选中状态　230
8.8　下拉列表框　231
8.8.1　普通下拉列表框　231
8.8.2　多行下拉列表框　232
8.8.3　可多选的下拉列表框　233
8.8.4　带有子菜单的下拉列表框　234
8.8.5　设置下拉列表框选中状态　235
8.9　文件选择框　236
8.10　按钮　238
8.10.1　提交按钮　238
8.10.2　清除按钮　239
8.10.3　普通按钮　240
8.10.4　在按钮中加载图片　241
8.10.5　使用INPUT元素创建按钮　242
8.10.6　图片按钮　244
8.11　隐藏域　244
8.12　标签　246
8.12.1　标签的显式联系　246
8.12.2　标签的隐式联系　247
8.13　分组　248
8.13.1　分组元素　249
8.13.2　描述组元素　250
8.14　ISINDEX元素　251
8.15　INPUT元素总结　252
8.16　表单的运用　253
8.16.1　设置Tab次序　253
8.16.2　设置快捷键　254
8.16.3　禁用表单控件　255
8.16.4　表单控件只读化　256
8.16.5　提交邮件　256
8.16.6　抄送与密送邮件　259
8.17　与服务器互动　260
8.17.1　表单提交到哪里　260
8.17.2　表单提交类型　261
8.17.3　编码类型　262
8.17.4　打开窗口　264
8.17.5　可接收字符集　265
8.17.6　有效性控制　266
8.18　小结　267
第9章　在HTML中运用多媒体　268
9.1　理解多媒体　268
9.1.1　什么是多媒体　268
9.1.2　应用程序与网页插件　269
9.2　图像媒体　271
9.2.1　图片格式　271
9.2.2　获取图片　275
9.2.3　转换图片格式　275
9.2.4　制作透明背景的GIF图片　276
9.2.5　制作GIF动画　279
9.2.6　插入不被浏览器支持的图片　281
9.3　声音媒体　282
9.3.1　声音类型　283
9.3.2　声音格式　283
9.3.3　获得声音文件　286
9.3.4　音频格式转换　290
9.3.5　在网页中插入声音　291
9.3.6　在网页中插入背景声音　294
9.4　视频媒体　296
9.4.1　视频类型　296
9.4.2　视频格式　297
9.4.3　转换视频文件格式　299
9.4.4　在网页里插入视频文件　300
9.5　Flash动画　301
9.5.1　Flash动画介绍　301
9.5.2　动画与视频的区别　302
9.5.3　在网页里插入Flash文件　303
9.6　在网页中插入多媒体文件　304
9.6.1　OBJECT元素　304
9.6.2　PARAM元素　306
9.6.3　加载Windows Media Player 9.0控件　306
9.6.4　加载Windows Media Player 6.4控件　309
9.6.5　加载RealPlay控件　313
9.6.6　加载QuickTime控件　315
9.6.7　加载Flash控件　316
9.6.8　与EMBED元素联合使用　317
9.7　可执行内容　319
9.7.1　Applet介绍　319
9.7.2　使用APPLET元素插入Applet　320
9.7.3　使用OBJECT元素插入Applet　321
9.8　小结　322
第二篇　XML和XHTML应用
第10章　XML　325
10.1　XML介绍　325
10.1.1　什么是XML　325
10.1.2　XML的作用　326
10.1.3　简单的XML文件　326
10.1.4　浏览XML文件　327
10.2　设计XML　328
10.2.1　XML文件结构　329
10.2.2　声明区　329
10.2.3　数据区　331
10.2.4　定义区　332
10.3　XML语法　332
10.3.1　标签与空标签　332
10.3.2　区分大小写　334
10.3.3　设置属性　335
10.3.4　特殊字符　336
10.3.5　CDATA标签　337
10.3.6　标签嵌套　338
10.3.7　注释　339
10.4　数据结构定义　340
10.4.1　内部DTD声明方法　340
10.4.2　外部DTD声明方法　341
10.4.3　内外部DTD结合声明方法　342
10.4.4　格式正确的(Well-Formed)XML文件　343
10.4.5　有效的(Validating)XML文件　344
10.4.6　检验Well-Formed XML与Validating XML　345
10.5　标签类型　347
10.5.1　#PCDATA类型　347
10.5.2　EMPTY类型　348
10.5.3　ANY类型　349
10.5.4　嵌套的标签声明　349
10.5.5　混合的标签声明　351
10.5.6　标签的出现次数　353
10.6　实体　354
10.6.1　内部实体　355
10.6.2　外部实体　356
10.6.3　在DTD声明中使用实体　358
10.6.4　参数型实体　359
10.6.5　实体的混合使用　360
10.7　标签属性　362
10.7.1　标签属性的介绍　362
10.7.2　设置标签属性　363
10.7.3　标签属性的类型　365
10.7.4　标签属性值的数据类型　367
10.7.5　指定标签属性值范围　372
10.7.6　处理XML文件中的空格　373
10.8　命名空间　373
10.8.1　什么是命名冲突　373
10.8.2　使用标签前缀解决命名冲突　374
10.8.3　命名空间　375
10.8.4　内定命名空间　376
10.9　小结　377
第11章　XHTML　378
11.1　XHTML简介　378
11.1.1　HTML的随意性　378
11.1.2　XHTML介绍　380
11.1.3　XHTML与HTML的区别　382
11.2　从HTML过渡到XHTML　383
11.2.1　为HTML文档添上类型声明　383
11.2.2　为HTML文件添加DTD　384
11.2.3　为HTML文件添加命名空间　386
11.2.4　处理单标签　386
11.2.5　元素与属性名称必须小写　386
11.2.6　属性值必须使用引号　387
11.2.7　属性必须有值　388
11.2.8　使用id属性　388
11.2.9　将脚本文档使用外部调用　388
11.3　XHTML校验　389
11.3.1　为什么要做语法校验　389
11.3.2　如何校验XHTML　390
11.3.3　校验XHTML时的常见错误信息　394
11.4　使用工具将HTML转换为XHTML　395
11.4.1　HTML Tidy　395
11.4.2　Tidy GUI　399
11.5　小结　401
第三篇　CSS应用
第12章　CSS介绍　405
12.1　CSS简介　405
12.1.1　HTML混乱的原因　405
12.1.2　HTML混乱的不便之处　405
12.1.3　CSS使HTML不再混乱　406
12.2　CSS的作用　407
12.2.1　丰富的表现形式　407
12.2.2　代码简化　408
12.2.3　网站风格的统一　409
12.3　使用CSS 的方法　411
12.3.1　内联样式　411
12.3.2　内部样式　412
12.3.3　外部样式　413
12.3.4　引用多个样式表　414
12.3.5　使用@import引用外部样式　416
12.3.6　使用@import引用多个外部样式　417
12.3.7　CSS注释　417
12.4　选择符　419
12.4.1　选择符的基本语法　419
12.4.2　类型选择符　419
12.4.3　类选择符　420
12.4.4　ID选择符　424
12.4.5　包含选择符　425
12.4.6　选择符分组　428
12.4.7　通用选择符　429
12.4.8　子选择符　431
12.4.9　相邻选择符　433
12.4.10　属性选择符　434
12.4.11　伪类与伪元素　439
12.5　解决样式冲突　442
12.5.1　样式的继承性　442
12.5.2　样式的层叠　443
12.5.3　优先性　445
12.5.4　重要性　448
12.5.5　其他冲突　449
12.6　CSS中的单位　451
12.6.1　颜色单位　451
12.6.2　长度单位　451
12.6.3　时间单位　452
12.6.4　角度单位　452
12.6.5　频率单位　452
12.7　CSS校验　453
12.8　小结　454
第13章　字体样式　455
13.1　基本样式　455
13.1.1　字体　455
13.1.2　文字大小　458
13.1.3　粗体　465
13.1.4　斜体　467
13.1.5　文字变形　468
13.1.6　综合设置　470
13.2　修饰　472
13.2.1　文字修饰　472
13.2.2　阴影　474
13.2.3　大小写转换　475
13.3　间距　476
13.3.1　行间距　476
13.3.2　字间距　478
13.3.3　词间距　479
13.4　小结　481
第14章　文本样式　482
14.1　缩进与对齐　482
14.1.1　缩进　482
14.1.2　负缩进　484
14.1.3　水平对齐　485
14.1.4　垂直对齐　487
14.1.5　两端对齐　492
14.2　文字方向　495
14.2.1　文本流入方向　495
14.2.2　文字方向　496
14.2.3　文字竖写　498
14.3　空格与换行　499
14.3.1　空格的处理方式　499
14.3.2　词间换行　501
14.4　首字与首行样式　503
14.4.1　首字样式　503
14.4.2　首行样式　504
14.5　网格　505
14.5.1　字符网格尺寸　505
14.5.2　行网格尺寸　507
14.5.3　是否使用网格模式　508
14.5.4　网格类型　510
14.5.5　综合设置　511
14.6　设置输入法状态　512
14.7　小结　513
第15章　颜色与背景样式　514
15.1　前景色　514
15.2　背景色　516
15.3　背景图片　517
15.3.1　简单应用　517
15.3.2　固定背景图片　518
15.3.3　背景图片平铺方式　521
15.3.4　背景图片定位　522
15.3.5　IE的背景图片定位　525
15.4　综合使用　526
15.5　小结　528
第16章　边框、边距与填充　529
16.1　宽度与高度　529
16.1.1　宽度　529
16.1.2　高度　531
16.2　边框　533
16.2.1　边框宽度　533
16.2.2　设置不同的边框宽度　536
16.2.3　设置单个边框宽度　537
16.2.4　边框样式　539
16.2.5　设置不同的边框样式　542
16.2.6　设置单个边框样式　543
16.2.7　边框颜色　545
16.2.8　设置不同的边框颜色　547
16.2.9　设置单个边框颜色　548
16.2.10　综合设置边框样式　550
16.2.11　综合设置单个边框样式　553
16.3　边距　555
16.3.1　设置边距　555
16.3.2　设置不同方向的边距　557
16.3.3　设置单个方向的边距　559
16.3.4　灵活运用　561
16.4　填充　561
16.4.1　设置填充　562
16.4.2　设置不对称的填充　563
16.4.3　设置单侧填充　564
16.4.4　灵活运用　565
16.5　轮廓　566
16.5.1　轮廓宽度　566
16.5.2　轮廓颜色　567
16.5.3　轮廓样式　567
16.5.4　综合设置　568
16.6　小结　568
第17章　表格样式　569
17.1　边框合并　569
17.2　边框间距　571
17.3　表格标题位置　572
17.4　显示或隐藏无内容单元格的边框　575
17.5　保持表格布局　575
17.6　朗读表格标题的方式　579
17.7 小结　580
第18章　列表样式　581
18.1　用图片代替标号　581
18.2　丰富列表前的标号　583
18.3　标号显示方式　586
18.4　列表间距　587
18.5　综合设置　588
18.6　小结　589
第19章　滚动条样式　590
19.1　颜色　590
19.2　基准颜色　591
19.3　拖动区域颜色　593
19.4　方向箭头颜色　594
19.5　亮边框颜色　595
19.6　暗边框颜色　596
19.7　3D亮边颜色　598
19.8　小结　599
第20章　超级链接样式　600
20.1　未访问前的样式　600
20.2　鼠标停靠时的样式　601
20.3　单击时的样式　602
20.4　访问后的样式　603
20.5　小结　604
第21章　版式　605
21.1　定位　605
21.1.1　定位的模式　605
21.1.2　偏移　605
21.1.3　综合运用　606
21.2　层叠次序　614
21.2.1　普通层叠次序　614
21.2.2　嵌套对象的层叠次序　616
21.2.3　多个嵌套对象的层叠次序　617
21.3　高度与宽度　618
21.3.1　对象的高度与宽度　618
21.3.2　限制最小高度与最小宽度　620
21.3.3　限制最大高度与最大宽度　621
21.4　浮动与清除浮动　622
21.4.1　浮动的概念　623
21.4.2　浮动与定位的区别　623
21.4.3　浮动的方式　623
21.4.4　清除浮动　624
21.5　溢出与剪切　626
21.5.1　溢出　626
21.5.2　剪切　629
21.5.3　溢出的其他设置　632
21.6　显示与隐藏　636
21.6.1　对象的可见性　636
21.6.2　显示对象　638
21.7　小结　644
第22章　其他控制　645
22.1　光标　645
22.2　缩放　649
22.3　打印控制　650
22.3.1　插入分页符　650
22.3.2　页面标记　653
22.3.3　距离页上下边的行距　653
22.3.4　页面大小　653
22.3.5　设置页面版式　654
22.3.6　为块元素指定页属性　656
22.4　声音　657
22.4.1　发音控制　657
22.4.2　音量控制　658
22.4.3　声音类型　659
22.4.4　语速控制　659
22.4.5　暂停控制　660
22.4.6　声音提示　661
22.4.7　背景声音　663
22.4.8　空间属性　663
22.4.9　语调控制　665
22.4.10　重音设置　666
22.4.11　激昂程度设置　666
22.5　内容　666
22.5.1　添加内容　667
22.5.2　计数器计数　668
22.5.3　计数器复位　670
22.5.4　嵌套标记　672
22.6　小结　674
第23章　滤镜　675
23.1　静态滤镜　675
23.1.1　透明渐变滤镜　675
23.1.2　背景图片滤镜　677
23.1.3　色彩处理与旋转滤镜　679
23.1.4　模糊滤镜　681
23.1.5　颜色滤镜　683
23.1.6　阴影滤镜　685
23.1.7　浮雕滤镜　687
23.1.8　发光滤镜　688
23.1.9　背景颜色渐变滤镜　689
23.1.10　光照滤镜　690
23.1.11　遮罩滤镜　693
23.1.12　旋转滤镜　694
23.1.13　运动模糊滤镜　696
23.1.14　波纹滤镜　697
23.1.15　X光滤镜　699
23.1.16　灰度滤镜　699
23.1.17　反相滤镜　700
23.1.18　水平翻转滤镜　701
23.1.19　垂直翻转滤镜　702
23.2　动态滤镜　703
23.2.1　拉门效果滤镜　703
23.2.2　百页窗效果滤镜　706
23.2.3　国际象棋效果滤镜　708
23.2.4　渐淡效果滤镜　709
23.2.5　擦去效果滤镜　712
23.2.6　插入效果滤镜　714
23.2.7　扩张或收缩效果滤镜　715
23.2.8　方块渐变效果滤镜　717
23.2.9　刮雨器效果滤镜　719
23.2.10　条形效果滤镜　721
23.2.11　溶解效果滤镜　723
23.2.12　推离效果滤镜　725
23.2.13　螺旋效果滤镜　727
23.2.14　拉伸效果滤镜　729
23.2.15　剥离效果滤镜　731
23.2.16　风车效果滤镜　733
23.2.17　擦地板效果滤镜　735
23.2.18　多种转换效果滤镜　737
23.3　小结　739
第四篇　网页布局
第24章　网页布局与设计技巧　743
24.1　网页布局　743
24.1.1　网页大小　743
24.1.2　网页栏目划分　744
24.1.3　表格布局　747
24.1.4　CSS布局　751
24.2　CSS布局技巧　753
24.2.1　一栏布局　754
24.2.2　两栏布局　757
24.2.3　三栏布局　762
24.2.4　层高度　765
24.3　小结　767