精通Web标准网页布局：XHTML+CSS+JavaScript

第一篇　XHTML
第1章　XHTML简介　3
1.1　为什么要建立XHTML　3
1.2　什么是XHTML　4
1.3　HTML和XHTML　4
1.4　XML和XHTML　5
1.5　一个简单的XHTML示例　5
1.6　XHTML与浏览器　6
1.7　XHTML的开发软件和运行环境　7
第2章　XHTML基础　11
2.1　XHTML页面结构　11
2.2　元素的书写格式和属性　13
2.2.1　元素的书写格式　13
2.2.2　元素的属性　14
2.3　XHTML语法规范　15
2.4　选择文档类型　18
2.4.1　什么是文档类型　18
2.4.2　选择什么样的DOCTYPE　18
2.5　名字空间　19
第3章　 html 元素和页面头部　21
3.1　页面基础元素 html 　21
3.1.1　文本显示方向属性dir　22
3.1.2　指定语言属性lang　23
3.2　页面头部元素 head 　24
3.3　页面标题元素 title 　24
3.4　基本设置元素 base 　25
3.5　元信息元素 meta 　27
3.5.1　元信息元素名称属性name　28
3.5.2　元信息元素的值content　28
3.5.3　元信息元素的附加属性http-equiv　28
3.5.4　定义页面的文字编码　29
3.5.5　定义页面的关键字　30
3.5.6　定义页面的主要内容　31
3.5.7　定义页面的搜索方式　31
3.5.8　定义页面的版权信息　32
3.5.9　定义页面的作者信息　33
3.5.10　定义页面的刷新时间　33
3.5.11　定义页面的跳转　33
3.6　创建样式元素 style 　34
3.6.1　类型属性type　35
3.6.2　类型属性media　36
3.7　链接元素 link 　37
3.7.1　指定链接路径属性href　38
3.7.2　链接的类型属性type　38
3.7.3　源文档与目标文档关系属性rel、rev　39
3.7.4　链接样式文件　40
3.7.5　制作收藏夹图标　41
3.8　脚本元素 script 　42
3.8.1　脚本的语言属性language　43
3.8.2　脚本的类型属性type　44
3.8.3　推迟执行属性defer　44
3.8.4　脚本的链接属性src　45
第4章　页面主体元素　47
4.1　页面主体元素 body 　47
4.2　页面主体元素的背景和文本属性　48
4.2.1　主体元素的背景属性bgcolor　49
4.2.2　主体元素的背景图片属性background　50
4.2.3　主体元素的背景图片滚动属性bgproperties　51
4.2.4　主体元素的文本属性text　53
4.3　页面主体元素的边界属性　54
4.3.1　IE浏览器中的左边界属性leftmargin　54
4.3.2　IE浏览器中的上边界属性topmargin　55
4.4　页面主体元素的链接属性　56
4.4.1　未访问过的链接属性link　56
4.4.2　已访问过的链接属性vlink　57
4.4.3　激活的链接属性alink　58
4.5　页面主体元素的样式属性　59
4.5.1　主体元素中使用样式属性style　59
4.5.2　主体元素中调用样式属性class　60
4.6　背景音乐的使用　61
4.6.1　IE浏览器中添加背景音乐元素 bgsound 　61
4.6.2　背景音乐的路径属性src　62
4.6.3　背景音乐的重复属性loop　63
第5章　文本元素　65
5.1　文本元素简介　65
5.2　区域元素 div 　65
5.2.1　区域元素的对齐属性align　66
5.2.2　调用样式属性class　68
5.2.3　创建样式属性style　69
5.2.4　标记属性id　70
5.2.5　取消自动换行属性nowrap　71
5.2.6　标题属性title　71
5.3　段落元素 p 　72
5.4　标题元素　73
5.5　基于内容的文本元素　75
5.5.1　强调元素 em 　76
5.5.2　加粗的强调元素 strong 　77
5.5.3　文献参考元素 cite 　77
5.5.4　等宽元素 code 　78
5.5.5　变量显示元素 var 　79
5.5.6　提取元素 samp 　79
5.5.7　键入文本元素 kbd 　80
5.5.8　术语元素 dfn 　81
5.5.9　缩写元素 abbr 　81
5.5.10　首字母缩写元素 acronym 　81
5.6　基于物理样式的文本元素　81
5.6.1　加粗元素 b 　82
5.6.2　放大元素 big 　83
5.6.3　缩小元素 small 　83
5.6.4　斜体显示元素 i 　84
5.6.5　下标元素 sub 　85
5.6.6　上标元素 sup 　86
5.6.7　等宽元素 tt 　87
5.7　文本的间隔和布局　88
5.7.1　换行元素 br 　88
5.7.2　 br 元素的清除属性clear　88
5.7.3　取消换行元素 nobr 　89
5.7.4　保留格式元素 pre 　90
5.7.5　缩进元素 blockquote 　92
5.7.6　引用元素 q 　93
5.7.7　地址元素 address 　94
5.8　水平分隔线元素 hr 　95
5.8.1　水平分隔线的厚度属性size　96
5.8.2　水平分隔线的样式属性noshade　97
5.8.3　水平分隔线的宽度属性width　97
5.8.4　水平分隔线的对齐属性align　98
5.8.5　水平分隔线的颜色属性color　99
第6章　图像元素　101
6.1　图像的格式　101
6.1.1　JPEG格式　101
6.1.2　GIF格式　102
6.2　图像元素 img 　102
6.2.1　图像元素的路径属性src　104
6.2.2　代替图片的文本属性alt　104
6.2.3　图像元素的宽度属性width　106
6.2.4　图像元素的高度属性height　106
6.2.5　图像元素的边框属性border　108
6.2.6　代替图片的长文本属性longdesc　109
6.2.7　图像元素的对齐属性align　109
6.2.8　图像元素的左右边距属性hspace　116
6.2.9　图像元素的上下边距属性vspace　117
6.2.10　图像服务器端映射属性ismap　118
6.2.11　图像服务器端映射属性usemap　118
第7章　表格元素　119
7.1　表格元素的基本构成　119
7.1.1　表格元素 table 　120
7.1.2　行元素 tr 　121
7.1.3　单元格元素 td 　122
7.2　 table 元素的属性　124
7.2.1　边框属性border　124
7.2.2　宽度属性width　125
7.2.3　高度属性height　126
7.2.4　水平对齐属性align　127
7.2.5　背景颜色属性bgcolor　128
7.2.6　背景图片属性background　129
7.2.7　边框颜色属性bordercolor　130
7.2.8　边框暗边线属性bordercolordark　131
7.2.9　边框亮边线属性bordercolorlight　132
7.2.10　同时使用bordercolordark属性和bordercolorlight属性　133
7.2.11　单元格间距属性cellspacing　135
7.2.12　单元格补白属性cellspadding　136
7.2.13　制作边框为1像素的表格　138
7.2.14　表格单元格边框属性rules　139
7.2.15　表格边框属性frame　139
7.3　 tr 元素的属性　141
7.3.1　水平对齐属性align　141
7.3.2　垂直对齐属性valign　142
7.3.3　背景颜色属性bgcolor　143
7.3.4　边框颜色属性bordercolor　145
7.3.5　边框暗边线属性bordercolordark　146
7.3.6　边框亮边线属性bordercolorlight　147
7.4　 td 元素的属性　148
7.4.1　水平对齐属性align　148
7.4.2　垂直对齐属性valign　150
7.4.3　背景颜色属性bgcolor　151
7.4.4　背景图片属性background　152
7.4.5　宽度属性width　153
7.4.6　高度属性height　157
7.4.7　边框属性bordercolor　160
7.4.8　合并列属性colspan　161
7.4.9　合并行属性rowspan　164
7.4.10　同时使用colspan属性和rowspan属性制作复杂表格　166
7.4.11　同行显示属性nowrap　170
7.5　表格中使用的其他元素　173
7.5.1　表格标题元素 caption 　173
7.5.2　表格头部元素 th 　175
7.5.3　表格头行元素 thead 　176
7.5.4　表主体元素 tbody 　178
7.5.5　表格行尾元素 tfoot 　179
7.6　表格中的列组　181
7.6.1　表格的列组元素 colgroup 　181
7.6.2　表格的列组元素的合并属性span　182
7.6.3　列组的列元素 col 　183
7.6.4　使用列组元素　185
第8章　链接元素　187
8.1　 链接和路径　187
8.1.1　超链接的概念　187
8.1.2　路径url　188
8.1.3　相对路径　189
8.1.4　绝对路径　191
8.2　路径的分类　192
8.2.1　HTTP路径　192
8.2.2　FTP路径　193
8.2.3　邮件路径　194
8.3　链接元素 a 　195
8.3.1　指定路径属性href　197
8.3.2　显示链接目标属性target　197
8.3.3　链接的热键属性accesskey　199
8.3.4　激活顺序属性tabindex　200
8.3.5　定义当前文档中的链接　201
8.4　图像中的链接　204
8.4.1　为图像元素制作链接　204
8.4.2　制作图片局部链接的原理　205
8.4.3　创建链接区域元素 map 　205
8.4.4　链接区域的名称属性name　206
8.4.5　定义鼠标敏感区元素 area 　206
8.4.6　链接的路径属性href、nohref　208
8.4.7　链接的文本说明属性alt　208
8.4.8　鼠标敏感区坐标属性coords　209
8.4.9　鼠标敏感区形状属性shape　211
8.4.10　使用图片中的链接　211
第9章　列表元素　213
9.1　列表元素的分类　213
9.2　无序列表元素 ul 　213
9.2.1　项目符号的类型属性type　215
9.2.2　无序列表的嵌套　216
9.3　有序列表元素 ol 　217
9.3.1　项目符号的类型属性type　219
9.3.2　有序列表的起始值属性start　220
9.3.3　有序列表的嵌套　221
9.4　列表条目元素 li 　223
9.4.1　项目符号的类型属性type　223
9.4.2　条目编号属性value　224
9.5　定义列表元素 dl 　225
9.5.1　定义列表术语元素 dt 　227
9.5.2　定义列表条说明元素 dd 　228
9.5.3　定义列表的嵌套　229
9.6　混合嵌套列表元素　230
9.7　取消列表元素的项目符号　232
第10章　表单元素　235
10.1　表单元素概述　235
10.2　表单元素 form 　236
10.2.1　动作(action)属性　238
10.2.2　发送数据方式(method)属性　239
10.2.3　表单名称(name)属性　241
10.2.4　表单编码(enctype)属性　242
10.3　表单控件元素 input 　242
10.3.1　文本域(text)　244
10.3.2　密码(password)区域　245
10.3.3　提交(submit)按钮　246
10.3.4　复位(reset)按钮　247
10.3.5　图像(image)按钮　248
10.3.6　单击(button)按钮　249
10.3.7　复选框(checkbox)　250
10.3.8　单选(radio)按钮　251
10.3.9　隐藏(hidden)区域　252
10.4　 input 元素的属性　253
10.4.1　只读(readonly)属性　253
10.4.2　不可用(disabled)属性　254
10.5　选择列表元素 select 　255
10.5.1　高度(size)属性　256
10.5.2　多项(multiple)选择属性　257
10.5.3　 select 元素的宽度　258
10.6　选择列表条目元素 option 　260
10.7　按钮元素 button 　261
10.8　文本区域元素 textarea 　263
10.8.1　宽度(cols)属性　265
10.8.2　高度(rows)属性　265
10.9　表单标记元素 label 　266
10.9.1　定义目标属性for　267
10.9.2　定义热键(accesskey)属性　268
第11章　多媒体元素　271
11.1　嵌入对象元素 object 　271
11.1.1　控件标记属性classid　273
11.1.2　基本路径属性codebase　273
11.1.3　下载信息说明属性standby　273
11.2　初始值元素 param 　273
11.2.1　名称属性name　275
11.2.2　值属性value　276
11.3　嵌入文档元素 embed 　276
11.4　页面中使用多媒体　277
11.4.1　使用音频文件　277
11.4.2　使用视频文件　278
第12章　框架元素　281
12.1　框架元素概述　281
12.2　框架集元素 frameset 　282
12.2.1　框架集元素的行属性rows　284
12.2.2　框架集元素的列属性cols　287
12.2.3　混合使用行和列属性　290
12.2.4　框架集元素的边框属性frameborder　292
12.2.5　框架集元素的边框宽度属性framespacing　293
12.2.6　框架集元素的边框宽度属性border　294
12.2.7　框架集元素的边框颜色属性bordercolor　297
12.2.8　框架集元素的嵌套　298
12.3　框架内容元素 frame 　299
12.3.1　显示内容的路径属性src　300
12.3.2　滚动条属性scrolling　301
12.3.3　固定尺寸属性noresize　302
12.3.4　内容的显示位置属性marginheight、marginwidth　304
12.3.5　边框属性frameborder　307
12.4　不支持框架元素 noframes 　309
12.5　内联框架元素 iframe 　310
12.6　框架元素中的链接　312
第二篇　叠层样式表(CSS)
第13章　叠层样式表基础　317
13.1　叠层样式表概述　317
13.2　叠层样式表的语法　318
13.3　选择符　320
13.3.1　通配选择符　321
13.3.2　类型选择符　322
13.3.3　ID选择符　324
13.3.4　类选择符　325
13.3.5　包含选择符　326
13.3.6　选择符分组　327
13.4　属性　328
13.5　值　329
13.5.1　颜色值　330
13.5.2　长度值　331
13.5.3　百分比值　334
13.6　伪类　335
13.7　继承性　336
13.8　默认值　337
13.9　块元素　337
13.10　内联元素　338
13.11　使用级联样式表的方法　339
13.11.1　元素中直接添加样式　339
13.11.2　从页面头部 style 元素中调用　340
13.11.3　采用链接的形式调用　341
13.12　级联样式表的优先级　344
13.12.1　使用样式的优先级　344
13.12.2　类型选择符和类选择符　345
13.12.3　ID选择符和类选择符　346
13.12.4　最近最优先原则　347
13.12.5　同一个属性几个值的情况　349
第14章　级联样式的属性　351
14.1　字体属性　351
14.1.1　字体的选择属性font-family　351
14.1.2　字体的大小属性font-size　352
14.1.3　字体的颜色属性color　354
14.1.4　字体的样式属性font-style　356
14.1.5　字体的加粗属性font-weight　357
14.1.6　字体的修饰属性text-decoration　360
14.1.7　文本的转换属性text-transform　362
14.1.8　英文小型大写字母转换属性font-variant　363
14.1.9　单词间隔属性word-spacing　365
14.1.10　字母间隔属性letter-spacing　366
14.1.11　行高属性line-height　367
14.1.12　字体的综合属性font　370
14.2　内联区域元素 span 　371
14.3　文本属性　372
14.3.1　文本的水平对齐属性text-align　372
14.3.2　文本的垂直对齐属性vertical-align　374
14.3.3　文本的缩进属性text-indent　375
14.3.4　文本的排版属性layout-flow　378
14.3.5　文本的书写方向属性writing-mode　379
14.3.6　文本流的方向属性direction　381
14.3.7　文本流的方向附加属性unicode-bidi　382
14.3.8　文本换行属性word-break　384
14.3.9　文本空白属性white-space　385
14.4　背景属性　386
14.4.1　背景颜色属性background-color　387
14.4.2　背景图片属性background-image　388
14.4.3　背景图片重复属性background-repeat　389
14.4.4　背景图片位置属性background-position　390
14.4.5　背景图片的附件属性background-attachment　393
14.4.6　背景的综合属性background　394
14.5　盒模型基础　395
14.6　宽度和高度属性　396
14.6.1　宽度属性width　396
14.6.2　高度属性height　397
14.7　补白属性　399
14.7.1　上侧补白属性padding-top　399
14.7.2　右侧补白属性padding-right　400
14.7.3　下侧补白属性padding-bottom　401
14.7.4　左侧补白属性padding-left　402
14.7.5　综合补白属性padding　403
14.8　边框属性　405
14.8.1　边框样式属性border-style　405
14.8.2　边框宽度属性border-width　406
14.8.3　边框颜色属性border-color　407
14.8.4　边框上侧样式属性border-top-style　409
14.8.5　其他边框单侧样式属性　410
14.8.6　边框上侧宽度属性border-top-width　411
14.8.7　其他边框单侧宽度属性　412
14.8.8　边框上侧颜色属性border-top-color　413
14.8.9　其他边框单侧颜色属性　414
14.8.10　边框上侧综合属性border-top　415
14.8.11　其他边框单侧综合属性　416
14.8.12　边框综合属性border　417
14.9　边界属性　418
14.9.1　顶部边界属性margin-top　418
14.9.2　其他单侧边界属性　419
14.9.3　边界综合属性margin　420
14.10　定位属性　422
14.10.1　定位方式属性position　422
14.10.2　边偏移属性top、right、bottom、left　423
14.10.3　绝对定位　425
14.10.4　相对定位　426
14.10.5　层叠定位属性z-index　427
14.11　布局属性　430
14.11.1　浮动属性float　430
14.11.2　清除浮动属性clear　434
14.11.3　超出内容属性overflow　436
14.11.4　定义显示方式属性display　437
14.11.5　显示属性visibility　438
14.12　列表属性　439
14.12.1　列表样式属性list-style-type　440
14.12.2　替换项目符号的图片属性list-style-image　441
14.12.3　列表文本排列属性list-style-position　442
14.12.4　列表综合属性list-style　444
14.13　光标显示属性cursor　445
14.14　链接属性　446
14.14.1　定义未访问的链接:link　446
14.14.2　定义访问后的链接:visited　447
14.14.3　定义鼠标悬停时的链接:hover　448
14.14.4　定义激活的链接:active　449
14.14.5　使用类型选择符a　450
14.14.6　定义链接　451
第三篇　脚本编程JavaScript
第15章　JavaScript语言简介　457
15.1　JavaScript概述　457
15.2　JavaScript的语法基础　457
15.2.1　JavaScript的代码格式　457
15.2.2　注释的使用　458
15.2.3　标识符和关键字　460
15.2.4　在网页中使用脚本　460
15.2.5　使用JavaScript脚本的情况　462
第16章　JavaScript基本语法　465
16.1　JavaScript的简单数据类型　465
16.1.1　数字　465
16.1.2　字符串　467
16.1.3　布尔值　468
16.1.4　函数　469
16.1.5　对象　470
16.2　变量　471
16.2.1　变量的声明　471
16.2.2　变量的类型　473
16.2.3　变量的作用域　474
16.3　表达式　475
16.4　运算符　476
16.5　基本语句　478
16.5.1　if语句　478
16.5.2　else if语句　479
16.5.3　switch语句　481
16.5.4　while语句　483
16.5.5　do-while语句　484
16.5.6　for语句　486
16.5.7　break语句　487
16.5.8　continue语句　488
16.5.9　var语句　489
16.5.10　function语句　490
16.5.11　return语句　491
16.6　函数　492
16.7　对象　493
16.7.1　对象的属性　493
16.7.2　对象方法　494
第17章　处理事件　497
17.1.1　单击事件onclick　497
17.1.2　键盘按下事件onkeydown　498
17.1.3　键盘释放事件onkeypress　499
17.1.4　鼠标按下事件onmousedown　500
17.1.5　鼠标离开事件onmouseout　501
17.1.6　鼠标悬停事件onmouseover　502
17.1.7　载入事件onload　503
17.1.8　聚焦事件onfocus　504
17.1.9　改变事件onchange　505
17.1.10　其他事件属性　506
第18章　JavaScript实例制作　509
18.1　JavaScript文本特效　509
18.1.1　制作连续滚动字幕　509
18.1.2　制作转换的页面标题　511
18.1.3　制作热点链接　512
18.2　JavaScript时间特效　513
18.2.1　显示当前日期　513
18.2.2　显示停留时间　514
18.2.3　显示更新时间　515
18.3　JavaScript窗口特效　516
18.3.1　打开和关闭窗口　516
18.3.2　定时关闭窗口　517
18.4　JavaScript表单特效　518
18.4.1　验证填写内容的长度　518
18.4.2　验证填写内容为数字　519
18.4.3　验证填写内容是否为邮件格式　520
18.5　JavaScript其他特效　521
18.5.1　屏蔽鼠标右键　521
18.5.2　制作“加入收藏”和“设为首页”　522
第19章　XHTML文档类型和制作　523
19.1　框架文档类型和严格文档类型规范　523
19.1.1　框架文档类型　523
19.1.2　严格文档类型　523
19.2　制作符合XHTML标准的文档　524
19.2.1　使用可视化开发软件　525
19.2.2　W3C官方验证　531
19.3　Web 2.0与W3C的Web标准　533
19.3.1　Web 2.0简介　533
19.3.2　Web标准简介　534
19.3.3　结构、表现与行为　535
19.3.4　传统布局与CSS布局　537
19.3.5　使用CSS布局的方法和技巧　537
19.3.6　一个符合Web标准的博客页面实例　538