精通Web标准网页布局 XHTML+CSS+JavaScriptPDF电子书下载

第一篇 XHTML 3

第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