精通Web标准网页布局 XHTML+CSS+JavaScript2025|PDF|Epub|mobi|kindle电子书版本百度云盘下载

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

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第一篇 XHTML3

第1章 XHTML简介3

1.1 为什么要建立XHTML3

1.2 什么是XHTML4

1.3 HTML和XHTML4

1.4 XML和XHTML5

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 选择什么样的DOCTYPE18

2.5 名字空间19

第3章 〈html〉元素和页面头部21

3.1 页面基础元素〈html〉21

3.1.1 文本显示方向属性dir22

3.1.2 指定语言属性lang23

3.2 页面头部元素〈head〉24

3.3 页面标题元素〈title〉24

3.4 基本设置元素〈base〉25

3.5 元信息元素〈meta〉27

3.5.1 元信息元素名称属性name28

3.5.2 元信息元素的值content28

3.5.3 元信息元素的附加属性http-equiv28

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 类型属性type35

3.6.2 类型属性media36

3.7 链接元素〈link〉37

3.7.1 指定链接路径属性href38

3.7.2 链接的类型属性type38

3.7.3 源文档与目标文档关系属性rel、rev39

3.7.4 链接样式文件40

3.7.5 制作收藏夹图标41

3.8 脚本元素〈script〉42

3.8.1 脚本的语言属性language43

3.8.2 脚本的类型属性type44

3.8.3 推迟执行属性defer44

3.8.4 脚本的链接属性src45

第4章 页面主体元素47

4.1 页面主体元素〈body〉47

4.2 页面主体元素的背景和文本属性48

4.2.1 主体元素的背景属性bgcolor49

4.2.2 主体元素的背景图片属性background50

4.2.3 主体元素的背景图片滚动属性bgproperties51

4.2.4 主体元素的文本属性text53

4.3 页面主体元素的边界属性54

4.3.1 IE浏览器中的左边界属性leftmargin54

4.3.2 IE浏览器中的上边界属性topmargin55

4.4 页面主体元素的链接属性56

4.4.1 未访问过的链接属性link56

4.4.2 已访问过的链接属性vlink57

4.4.3 激活的链接属性alink58

4.5 页面主体元素的样式属性59

4.5.1 主体元素中使用样式属性style59

4.5.2 主体元素中调用样式属性class60

4.6 背景音乐的使用61

4.6.1 IE浏览器中添加背景音乐元素〈bgsound〉61

4.6.2 背景音乐的路径属性src62

4.6.3 背景音乐的重复属性loop63

第5章 文本元素65

5.1 文本元素简介65

5.2 区域元素〈div〉65

5.2.1 区域元素的对齐属性align66

5.2.2 调用样式属性class68

5.2.3 创建样式属性style69

5.2.4 标记属性id70

5.2.5 取消自动换行属性nowrap71

5.2.6 标题属性title71

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〉元素的清除属性clear88

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 水平分隔线的厚度属性size96

5.8.2 水平分隔线的样式属性noshade97

5.8.3 水平分隔线的宽度属性width97

5.8.4 水平分隔线的对齐属性align98

5.8.5 水平分隔线的颜色属性color99

第6章 图像元素101

6.1 图像的格式101

6.1.1 JPEG格式101

6.1.2 GIF格式102

6.2 图像元素〈img〉102

6.2.1 图像元素的路径属性src104

6.2.2 代替图片的文本属性alt104

6.2.3 图像元素的宽度属性width106

6.2.4 图像元素的高度属性height106

6.2.5 图像元素的边框属性border108

6.2.6 代替图片的长文本属性longdesc109

6.2.7 图像元素的对齐属性align109

6.2.8 图像元素的左右边距属性hspace116

6.2.9 图像元素的上下边距属性vspace117

6.2.10 图像服务器端映射属性ismap118

6.2.11 图像服务器端映射属性usemap118

第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 边框属性border124

7.2.2 宽度属性width125

7.2.3 高度属性height126

7.2.4 水平对齐属性align127

7.2.5 背景颜色属性bgcolor128

7.2.6 背景图片属性background129

7.2.7 边框颜色属性bordercolor130

7.2.8 边框暗边线属性bordercolordark131

7.2.9 边框亮边线属性bordercolorlight132

7.2.10 同时使用bordercolordark属性和bordercolorlight属性133

7.2.11 单元格间距属性cellspacing135

7.2.12 单元格补白属性cellspadding136

7.2.13 制作边框为1像素的表格138

7.2.14 表格单元格边框属性rules139

7.2.15 表格边框属性frame139

7.3 〈tr〉元素的属性141

7.3.1 水平对齐属性align141

7.3.2 垂直对齐属性valign142

7.3.3 背景颜色属性bgcolor143

7.3.4 边框颜色属性bordercolor145

7.3.5 边框暗边线属性bordercolordark146

7.3.6 边框亮边线属性bordercolorlight147

7.4 〈td〉元素的属性148

7.4.1 水平对齐属性align148

7.4.2 垂直对齐属性valign150

7.4.3 背景颜色属性bgcolor151

7.4.4 背景图片属性background152

7.4.5 宽度属性width153

7.4.6 高度属性height157

7.4.7 边框属性bordercolor160

7.4.8 合并列属性colspan161

7.4.9 合并行属性rowspan164

7.4.10 同时使用colspan属性和rowspan属性制作复杂表格166

7.4.11 同行显示属性nowrap170

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 表格的列组元素的合并属性span182

7.6.3 列组的列元素〈col〉183

7.6.4 使用列组元素185

第8章 链接元素187

8.1 链接和路径187

8.1.1 超链接的概念187

8.1.2 路径url188

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 指定路径属性href197

8.3.2 显示链接目标属性target197

8.3.3 链接的热键属性accesskey199

8.3.4 激活顺序属性tabindex200

8.3.5 定义当前文档中的链接201

8.4 图像中的链接204

8.4.1 为图像元素制作链接204

8.4.2 制作图片局部链接的原理205

8.4.3 创建链接区域元素〈map〉205

8.4.4 链接区域的名称属性name206

8.4.5 定义鼠标敏感区元素〈area〉206

8.4.6 链接的路径属性href、nohref208

8.4.7 链接的文本说明属性alt208

8.4.8 鼠标敏感区坐标属性coords209

8.4.9 鼠标敏感区形状属性shape211

8.4.10 使用图片中的链接211

第9章 列表元素213

9.1 列表元素的分类213

9.2 无序列表元素〈ul〉213

9.2.1 项目符号的类型属性type215

9.2.2 无序列表的嵌套216

9.3 有序列表元素〈ol〉217

9.3.1 项目符号的类型属性type219

9.3.2 有序列表的起始值属性start220

9.3.3 有序列表的嵌套221

9.4 列表条目元素〈li〉223

9.4.1 项目符号的类型属性type223

9.4.2 条目编号属性value224

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 定义目标属性for267

10.9.2 定义热键（accesskey）属性268

第11章 多媒体元素271

11.1 嵌入对象元素〈object〉271

11.1.1 控件标记属性classid273

11.1.2 基本路径属性codebase273

11.1.3 下载信息说明属性standby273

11.2 初始值元素〈param〉273

11.2.1 名称属性name275

11.2.2 值属性value276

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 框架集元素的行属性rows284

12.2.2 框架集元素的列属性cols287

12.2.3 混合使用行和列属性290

12.2.4 框架集元素的边框属性frameborder292

12.2.5 框架集元素的边框宽度属性framespacing293

12.2.6 框架集元素的边框宽度属性border294

12.2.7 框架集元素的边框颜色属性bordercolor297

12.2.8 框架集元素的嵌套298

12.3 框架内容元素〈frame〉299

12.3.1 显示内容的路径属性src300

12.3.2 滚动条属性scrolling301

12.3.3 固定尺寸属性noresize302

12.3.4 内容的显示位置属性marginheight、marginwidth304

12.3.5 边框属性frameborder307

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-family351

14.1.2 字体的大小属性font-size352

14.1.3 字体的颜色属性color354

14.1.4 字体的样式属性font-style356

14.1.5 字体的加粗属性font-weight357

14.1.6 字体的修饰属性text-decoration360

14.1.7 文本的转换属性text-transform362

14.1.8 英文小型大写字母转换属性font-variant363

14.1.9 单词间隔属性word-spacing365

14.1.10 字母间隔属性letter-spacing366

14.1.11 行高属性line-height367

14.1.12 字体的综合属性font370

14.2 内联区域元素〈span〉371

14.3 文本属性372

14.3.1 文本的水平对齐属性text-align372

14.3.2 文本的垂直对齐属性vertical-align374

14.3.3 文本的缩进属性text-indent375

14.3.4 文本的排版属性layout-flow378

14.3.5 文本的书写方向属性writing-mode379

14.3.6 文本流的方向属性direction381

14.3.7 文本流的方向附加属性unicode-bidi382

14.3.8 文本换行属性word-break384

14.3.9 文本空白属性white-space385

14.4 背景属性386

14.4.1 背景颜色属性background-color387

14.4.2 背景图片属性background-image388

14.4.3 背景图片重复属性background-repeat389

14.4.4 背景图片位置属性background-position390

14.4.5 背景图片的附件属性background-attachment393

14.4.6 背景的综合属性background394

14.5 盒模型基础395

14.6 宽度和高度属性396

14.6.1 宽度属性width396

14.6.2 高度属性height397

14.7 补白属性399

14.7.1 上侧补白属性padding-top399

14.7.2 右侧补白属性padding-right400

14.7.3 下侧补白属性padding-bottom401

14.7.4 左侧补白属性padding-left402

14.7.5 综合补白属性padding403

14.8 边框属性405

14.8.1 边框样式属性border-style405

14.8.2 边框宽度属性border-width406

14.8.3 边框颜色属性border-color407

14.8.4 边框上侧样式属性border-top-style409

14.8.5 其他边框单侧样式属性410

14.8.6 边框上侧宽度属性border-top-width411

14.8.7 其他边框单侧宽度属性412

14.8.8 边框上侧颜色属性border-top-color413

14.8.9 其他边框单侧颜色属性414

14.8.10 边框上侧综合属性border-top415

14.8.11 其他边框单侧综合属性416

14.8.12 边框综合属性border417

14.9 边界属性418

14.9.1 顶部边界属性margin-top418

14.9.2 其他单侧边界属性419

14.9.3 边界综合属性margin420

14.10 定位属性422

14.10.1 定位方式属性position422

14.10.2 边偏移属性top、right、bottom、left423

14.10.3 绝对定位425

14.10.4 相对定位426

14.10.5 层叠定位属性z-index427

14.11 布局属性430

14.11.1 浮动属性float430

14.11.2 清除浮动属性clear434

14.11.3 超出内容属性overflow436

14.11.4 定义显示方式属性display437

14.11.5 显示属性visibility438

14.12 列表属性439

14.12.1 列表样式属性list-style-type440

14.12.2 替换项目符号的图片属性list-style-image441

14.12.3 列表文本排列属性list-style-position442

14.12.4 列表综合属性list-style444

14.13 光标显示属性cursor445

14.14 链接属性446

14.14.1 定义未访问的链接：link446

14.14.2 定义访问后的链接：visited447

14.14.3 定义鼠标悬停时的链接：hover448

14.14.4 定义激活的链接：active449

14.14.5 使用类型选择符a450

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 单击事件onclick497

17.1.2 键盘按下事件onkeydown498

17.1.3 键盘释放事件onkeypress499

17.1.4 鼠标按下事件onmousedown500

17.1.5 鼠标离开事件onmouseout501

17.1.6 鼠标悬停事件onmouseover502

17.1.7 载入事件onload503

17.1.8 聚焦事件onfocus504

17.1.9 改变事件onchange505

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