HTML、XHTML、CSS与JavaScript入门经典PDF电子书下载

第1章 为Web结构化文档 1

1.1结构化文档组成的Web 1

1.2 HTML和XHTML简介 2

1.2.1标签和元素 4

1.2.2标题和正文 4

1.2.3元素特性 5

1.2.4通过查看源代码学习 7

1.2.5标记文本的元素 7

1.3基本文本格式化 8

1.3.1空白和流 8

1.3.2使用hn元素创建标题 9

1.3.3 align特性（弃用） 11

1.3.4使用＜p＞元素创建段落 12

1.3.5使用＜br/＞元素创建换行符 12

1.3.6使用＜pre＞元素创建预先格式化的文本 13

1.4表示元素 16

1.4.1 ＜b＞元素 16

1.4.2 ＜i＞元素 16

1.4.3 ＜u＞元素（弃用） 17

1.4.4 ＜s＞元素和＜strike＞元素（弃用） 17

1.4.5 ＜tt＞元素 17

1.4.6 ＜sup＞元素 17

1.4.7 ＜sub＞元素 18

1.4.8 ＜big＞元素 18

1.4.9 ＜small＞元素 18

1.4.10 ＜hr/＞元素 18

1.5短语元素 18

1.5.1用于添加强调的＜em＞元素 19

1.5.2用于添加着重强调的＜strong＞元素 19

1.5.3用于地址的＜address＞元素 20

1.5.4用于缩写词的＜abbr＞元素 20

1.5.5用于首字母缩略词的＜acronym＞元素 20

1.5.6用于特殊术语的＜dfn＞元素 21

1.5.7用于引用文本的＜blockquote＞元素 21

1.5.8在＜blockquote＞元素中使用cite特性 22

1.5.9用于短引用的＜q＞元素 22

1.5.10用于引证的＜cite＞元素 22

1.5.11用于代码的＜code＞元素 23

1.5.12用于通过键盘输入文本的＜kbd＞元素 24

1.5.13用于编程变量的＜var＞元素 24

1.5.14用于程序输出的＜samp＞元素 24

1.6列表 24

1.6.1利用＜ul＞元素创建无序列表 25

1.6.2有序列表 25

1.6.3定义列表 26

1.6.4嵌套列表 27

1.7编辑文本 29

1.8利用字符实体表示特殊字符 31

1.9注释 31

1.10 ＜font＞元素（弃用） 32

1.11理解块级别元素和内联元素 32

1.12使用＜div＞元素和＜span＞元素对元素进行分组 33

1.12.1 XML声明 33

1.12.2文档类型声明 34

1.13核心元素和特性 35

1.13.1 ＜html＞元素 35

1.13.2 ＜head＞元素 36

1.13.3 ＜title＞元素 36

1.13.4 ＜body＞元素 37

1.14特性组 37

1.14.1核心特性 37

1.14.2国际化特性 39

1.14.3 UI事件特性 41

1.15本章小结 41

1.16练习 42

第2章 链接和导航 43

2.1基本链接 43

2.1.1链接到其他网页 43

2.1.2链接到E-mail地址 45

2.2理解目录和目录结构 47

2.3 URL简介 48

2.3.1绝对URL和相对URL 50

2.3.2 ＜base＞元素 52

2.4使用＜a＞元素创建链接 52

2.4.1使用href特性创建源锚点 52

2.4.2使用name特性和id特性创建目标锚点（链接到网页的特定部分） 53

2.4.3 ＜a＞元素的其他特性 55

2.5高级E-mail链接 60

2.6本章小结 61

2.7练习 62

第3章 图像、音频和视频 63

3.1使用＜img＞元素添加图像 63

3.1.1 src特性 64

3.1.2 alt特性 64

3.1.3 height特性和width特性 64

3.1.4 align特性（弃用） 66

3.1.5 border特性（弃用） 67

3.1.6 hspace特性和vspace特性（弃用） 67

3.1.7 ismap特性和usemap特性 67

3.1.8 longdesc特性 67

3.1.9 name特性（弃用） 68

3.2使用图像作为链接 69

3.3图像映射 70

3.3.1客户端图像映射 71

3.3.2服务器端图像映射 74

3.4选择正确的图像格式 75

3.4.1 GIF图像 76

3.4.2 GIF动画 79

3.4.3 JPEG图像 79

3.4.4 PNG图像 80

3.4.5保持较小的文件尺寸 81

3.5为网页添加Flash、视频和音频 83

3.5.1为网站添加Flash影片 84

3.5.2为网站添加视频 90

3.5.3使用Flash Video添加视频 91

3.5.4视频大小 93

3.5.5为网站添加音频 94

3.5.6当加载网页时自动播放音频和视频 98

3.5.7深入学习＜object＞元素和＜param＞元素 98

3.5.8 ＜param＞元素 101

3.6本章小结 101

3.7练习 102

第4章 表格 105

4.1表格简介 105

4.2基本表格元素和特性 110

4.2.1创建表格的＜table＞元素 110

4.2.2包含表格行的＜tr＞元素 114

4.2.3表示单元格的＜td＞元素和＜th＞元素 116

4.3为表格添加＜caption＞元素 120

4.4对表格的部分进行分组 121

4.4.1使用colspan特性占据多列 121

4.4.2使用rowspan特性占据多行 122

4.4.3使用标题、主体和脚注划分表格 123

4.4.4使用＜colgroup＞元素对列进行分组 126

4.4.5使用＜col＞元素共享样式的列 127

4.5嵌套的表格 127

4.6表格的可访问性 129

4.6.1线性化表格的方式 129

4.6.2使用id、scope和 header特性 130

4.7本章小结 133

4.8练习 133

第5章 表单 135

5.1表单简介 135

5.2使用＜form＞元素创建表单 138

5.2.1 action特性 138

5.2.2 method特性 138

5.2.3 id特性 138

5.2.4 name特性（弃用） 139

5.2.5 onsubmit特性 139

5.2.6 onreset特性 139

5.2.7 enctype特性 140

5.2.8 accept-charset特性 140

5.2.9 accept特性 140

5.2.10 target特性 141

5.2.11空白和＜form＞元素 141

5.3表单控件 141

5.3.1文本输入 141

5.3.2按钮 146

5.3.3复选框 148

5.3.4单选按钮 150

5.3.5选择框 151

5.3.6文件选择框 156

5.3.7隐藏控件 157

5.3.8对象控件 158

5.4为控件创建标签与＜label＞元素 160

5.5使用＜fieldset＞元素和＜legend＞元素结构化表单 162

5.6焦点 163

5.6.1焦点移动顺序 164

5.6.2访问键 165

5.7禁用的和只读的控件 167

5.8向服务器发送表单数据 168

5.8.1 HTTP get方法 168

5.8.2 HTTP post方法 169

5.9本章小结 172

5.10练习 172

第6章 框架 175

6.1框架集简介 175

6.2使用框架的时机 178

6.3 ＜frameset＞元素 178

6.3.1 cols特性 179

6.3.2 rows特性 181

6.3.3针对＜frameset＞元素的浏览器专用扩展 181

6.4 ＜frame＞元素 183

6.4.1 src特性 183

6.4.2 name特性 184

6.4.3 frameborder特性 184

6.4.4 marginwidth特性和marginheight特性 184

6.4.5 noresize特性 185

6.4.6 scrolling特性 185

6.4.7 longdesc特性 185

6.5 ＜noframes＞元素 185

6.6创建框架之间的链接 186

6.7使用＜base＞元素设置默认目标框架 188

6.8框架集嵌套 188

6.9使用＜iframe＞元素创建内联框架或浮动框架 190

6.10本章小结 195

6.11练习 196

第7章 层叠样式表 197

7.1 CSS简介 197

7.1.1一个基本示例 198

7.1.2继承 202

7.2添加CSS规则的位置 203

7.2.1 ＜link＞元素 203

7.2.2 ＜style＞元素 205

7.2.3外部CSS样式表的优点 205

7.3 CSS属性 206

7.4控制文本 207

7.4.1 font-family属性 208

7.4.2 font-size属性 209

7.4.3 font-weight属性 211

7.4.4 font-style属性 211

7.4.5 font-variant属性 212

7.4.6 font-stretch属性 212

7.4.7 font-size-adjust属性 213

7.5文本格式化 213

7.5.1 color属性 213

7.5.2 text-align属性 213

7.5.3 vertical-align属性 214

7.5.4 text-decoration属性 215

7.5.5 text-indent属性 216

7.5.6 text-shadow属性 217

7.5.7 text-transform属性 217

7.5.8 letter-spacing属性 218

7.5.9 word-spacing属性 219

7.5.10 white-space属性 219

7.5.11 direction属性 220

7.6文本伪类 220

7.6.1 first-letter伪类 220

7.6.2 first-line伪类 221

7.7选择器 223

7.7.1通用选择器 223

7.7.2类型选择器 223

7.7.3类选择器 224

7.7.4 id选择器 224

7.7.5子选择器 225

7.7.6派生选择器 225

7.7.7相邻兄弟选择器 225

7.7.8通用兄弟选择器 225

7.7.9使用子选择器和相邻兄弟选择器降低标记中类的依赖性 226

7.7.10特性选择器 227

7.8长度 228

7.8.1相对单位 229

7.8.2绝对单位 230

7.8.3百分比 230

7.9框模型简介 230

7.9.1演示框模型的示例 231

7.9.2边框属性 233

7.9.3 padding属性 235

7.9.4 margin属性 236

7.9.5框的范围 237

7.9.6 Internet Explorer框模型bug 242

7.10本章小结 246

7.11练习 247

第8章 更多层叠样式表 249

8.1链接 249

8.2背景 251

8.2.1 background-color属性 251

8.2.2 background-image属性 252

8.2.3 background-repeat属性 253

8.2.4 background-position属性（用于固定背景的位置） 254

8.2.5 background-attachment属性（用于水印） 255

8.2.6 background属性（简写形式） 256

8.3列表 256

8.3.1 list-style-type属性 257

8.3.2 list-style-position属性 258

8.3.3 list-style-image属性 259

8.3.4 list-style属性（简写形式） 259

8.4表格 259

8.4.1表格专用属性 261

8.4.2 border-collapse属性 261

8.4.3 border-spacing属性 262

8.4.4 empty-cells属性 263

8.4.5 caption-side属性 264

8.4.6 table-layout属性 264

8.5外边框 266

8.5.1 outline-width属性 266

8.5.2 outline-style属性 266

8.5.3 outline-color属性 267

8.5.4 outline属性（简写形式） 267

8.6 “：focus”伪类和“：active”伪类 267

8.7生成的内容 268

8.7.1“：before”和“：acter”伪元素 268

8.7.2 content属性 269

8.8其他属性 272

8.8.1 cursor属性 272

8.8.2 display属性 273

8.8.3 visibility属性 273

8.9附加规则 274

8.9.1 @import规则：模块化的样式表 274

8.9.2“！important”规则 275

8.9.3 @charset规则 275

8.10使用CSS进行定位和布局 276

8.10.1正常流 276

8.10.2 position属性 276

8.10.3框偏移属性 277

8.10.4相对定位 277

8.10.5绝对定位 278

8.10.6固定定位 279

8.10.7 z-index属性 280

8.10.8使用float属性浮动定位 281

8.10.9 clear属性 283

8.11本章小结 287

8.12练习 288

第9章 网页布局 291

9.1理解网站的访问者 292

9.1.1谁会访问网站 292

9.1.2用户为什么访问网站 293

9.1.3为了实现目标访问者需要了解的信息 294

9.1.4访问者访问网站的频率 295

9.1.5期望网站所能完成的工作 295

9.1.6优先考虑的信息 295

9.1.7分组和分类 296

9.1.8创建网站地图 296

9.1.9标识每个网页的关键元素 297

9.2网页的尺寸（与屏幕分辨率） 298

9.2.1理解屏幕尺寸 298

9.2.2固定宽度与流式设计 300

9.3设计网页 304

9.3.1组成与网格 305

9.3.2规划元素的位置 309

9.3.3访问者查看网页的方式 314

9.4编码设计 317

9.4.1 IE框模型bug 318

9.4.2使用网格 319

9.4.3多列布局 320

9.5针对移动设备进行开发 331

9.5.1理解媒体以及如何使用媒体 332

9.5.2移动开发策略 333

9.5.3构建移动网站 335

9.6本章小结 340

9.7练习 340

第10章 设计问题 343

10.1排版 343

10.1.1文本行的长度——度量 344

10.1.2字体尺寸 345

10.1.3选择字体 347

10.1.4文本行的高度——行间距 348

10.1.5 CSS重置 349

10.1.6文本行的高度——基准线网格 350

10.1.7字母之间的空白——字符间距 353

10.1.8空白 353

10.1.9分块 355

10.1.10对比度 356

10.2导航 357

10.2.1菜单 357

10.2.2链接 364

10.2.3网站搜索功能 367

10.3表格 368

10.3.1内边距 369

10.3.2标题 369

10.3.3隔行阴影 370

10.4表单 371

10.4.1设计表单之前的工作 371

10.4.2设计表单 373

10.4.3表单布局 377

10.5本章小结 390

10.6练习 390

第11章 学习JavaScript 393

11.1编程的定义 393

11.2为网页添加脚本的方式 395

11.2.1 JavaScript中的注释 397

11.2.2 ＜noscript＞元素 398

11.3文档对象模型 399

11.3.1使用点符号访问值 400

11.3.2 document对象 401

11.3.3 forms集合 403

11.3.4表单元素 404

11.3.5 images集合 407

11.3.6对象的不同类型 409

11.4开始使用JavaScript编程 410

11.5变量 410

11.5.1为变量赋值 411

11.5.2变量的生命周期 411

11.6运算符 412

11.6.1算术运算符 412

11.6.2赋值运算符 412

11.6.3比较运算符 413

11.6.4逻辑或布尔运算符 414

11.6.5字符串运算符 414

11.7函数 414

11.7.1定义函数的方式 414

11.7.2调用函数的方式 415

11.7.3 return语句 415

11.8条件语句 416

11.8.1 if语句 416

11.8.2 if…else语句 417

11.8.3 switch语句 417

11.9循环 419

11.9.1 while循环 419

11.9.2 do…while循环 420

11.9.3 for循环 420

11.9.4无限循环和break语句 421

11.10事件 422

11.11内置对象 423

11.11.1字符串对象 423

11.11.2日期对象 426

11.11.3数学对象 428

11.11.4数组对象 430

11.11.5窗口对象 431

11.12编写JavaScript代码 433

11.12.1关于数据类型的注意事项 434

11.12.2关键字 434

11.13本章小结 435

11.14练习 435

第12章 使用JavaScript 437

12.1编写脚本的一些实用提示 437

12.1.1其他人是否已经编写过这个脚本 437

12.1.2可重用的函数 438

12.1.3使用外部JavaScript文件 438

12.1.4将脚本放置在scripts文件夹中 438

12.2表单验证 438

12.2.1验证的时机 439

12.2.2可以检查的内容 439

12.2.3检查表单的方式 439

12.2.4检查文本字段 440

12.2.5选择框选项 452

12.2.6单选按钮 453

12.2.7复选框 455

12.3增强表单 457

12.3.1为第一个表单项设置焦点 457

12.3.2自动在字段之间移动焦点 458

12.3.3禁用文本输入框 459

12.3.4大小写转换 460

12.3.5删除字段开头和结尾处的空格 461

12.3.6选择文本区域中的所有内容 462

12.3.7选中和取消选中所有复选框 463

12.4 JavaScript库 470

12.4.1利用Scriptaculous库创建动画效果 471

12.4.2利用Scriptaculous库拖放可排序列表 473

12.4.3创建轻型框 474

12.4.4创建模态窗口 475

12.4.5利用MochiKit库创建可排序的表格 477

12.4.6利用YUI库创建日历 479

12.4.7利用YUI库创建自动完成输入的文本输入框 480

12.5本章小结 482

12.6练习 482

第13章 在Web上发布网站 485

13.1 meta标签 486

13.1.1 name特性和content特性 486

13.1.2 http-equiv特性和content特性 488

13.1.3 scheme特性 490

13.2测试网站 490

13.2.1验证HTML、XHTML和CSS 491

13.2.2检查链接 493

13.2.3检查颜色深度 494

13.2.4可访问性检查工具 495

13.2.5使用不同版本的浏览器进行检查 495

13.2.6引导测试 496

13.2.7校对 497

13.3发布网站 497

13.3.1获取域名 497

13.3.2主机托管 498

13.3.3选择主机时的关键考虑事项 499

13.3.4使用FTP将网站上传到服务器 501

13.3.5目录结构和相对URL的重要性 502

13.4公布网站 503

13.4.1始终提及您的URL 503

13.4.2内容是上帝 504

13.4.3论坛、社区以及社会网络 504

13.4.4检查商业网站和目录 504

13.4.5相互链接 504

13.4.6分析竞争对手 505

13.4.7使用户能够很容易地链接到网站 505

13.4.8按点击付费的广告 506

13.4.9显示广告 506

13.4.10创建一个E-mail时事通讯 507

13.5理解您的访问者 507

13.5.1使用Google Analytics检查10项内容 508

13.5.2度量所有内容 509

13.6下一步学习的内容 510

13.6.1工具 510

13.6.2其他技术简介 513

13.7本章小结 517

第14章 核对清单 519

14.1搜索引擎优化核对清单 519

14.1.1在页技术 519

14.1.2标识关键词和短语 520

14.1.3离页技术 522

14.2可访问性核查清单 523

14.2.1设置文档 523

14.2.2结构化和语义化标记 523

14.2.3链接与导航 523

14.2.4图像和多媒体 524

14.2.5颜色 524

14.2.6表格 524

14.2.7表单 525

14.2.8样式表 525

14.2.9 JavaScript 525

14.2.10跳过链接 525

14.3 HTML和XHTML之间的区别 526

14.3.1所有标签名称和特性名称必须是小写 526

14.3.2所有特性必须具有一个由双引号给出的值 526

14.3.3元素必须嵌套并且不能重叠 526

14.3.4空元素必须包含一个结束斜杠 527

14.3.5脚本必须位于CDATA部分 527

14.4 HTML 5 527

14.4.1 HTML 5的语言兼容性 528

14.4.2样式标记将被删除 528

14.4.3新语义元素 528

14.4.4用于＜input＞元素type特性的新值 529

14.4.5新的多媒体元素 530

14.4.6新的API 530

附录A 习题答案 531

附录B XHTML元素参考 563

附录C CSS属性 591

附录D 颜色名和颜色值 617

附录E 字符编码 623

附录F 特殊字符 627

附录G 语言代码 637

附录H MIME媒体类型 641

附录I 弃用的和浏览器专用的标记 649