本书精华
◎HTML基础
◎常用HTML标记和格式
◎文字和图像的用法
◎超级链接的使用
◎表单和表格应用
◎框架组合页面
◎移动的字体和图片
◎网页多媒体应用
◎DIV与SPAN的用法
◎DIV和CSS的结合使用
◎CSS语法基础
◎字体和背景属性
◎尺寸与内外补丁用法
◎边框与列表的使用
◎CSS控制表格和滚动条
◎CSS选择符、伪类和单位
◎游戏、企业、博客网站布局实例
无
随着Internet的快速发展，网页设计已成为网络技术的重要内容之一，使现在的网站界面越来越漂亮，而且页面的代码也越来越精致。
网页设计技术一直在推陈出新，不断有新技术的应用，实在太丰富了，总结一下，可以分为静态页面和动态页面，而动态页面是以静态页面，特别是HTML语言为基础的。HTML和CSS的结合，正好是静态页面布局的重要组合。
在布局中，都往W3C标准靠近，即用HTML中的DIV和CSS结合布局，在网页中定义好DIV层，通过层参数ID和CLASS与CSS的ID选择符或类选择符关联，CSS能控制HTML中DIV等对象的效果。不仅可以控制文本字体、层背景等，还可以控制图像的背景和边框等样式效果。
本书的内容安排
本书分四篇，共33章，从HTML基本知识讲起，介绍HTML的标记用法，再进一步介绍HTML中的DIV标记与CSS结合等用法，在第三篇中，讲解了CSS的大部分属性语法和用法，最后结合笔者经验，讲解如何用DIV和CSS来布局游戏、企业、博客的主页面，通过练习，使网页设计人员的水平不断提高。
第一篇（第1章~第11章）HTML基础知识
这篇讲述了网页的基础语言，即HTML，从认识HTML语言开始，到HTML标记对的使用。对经常用的标记，如字体标记、文字布局中用到的标记及图像、超级链接、表单、表格、框架和移动标记的语法和用法，并在每个章节中，通过实例手把手来演示这些标记的用法。通过实例的演示，使HTML语言变得更容易。
第二篇（第12章~第14章）DIV+CSS布局
这篇讲述了与布局相关的基本用法，即关联DIV对象与CSS的用法，使设计人员对不同的项目使用不同的关联CSS样式方式，在大型项目中，通过外部链接使整个项目只需要一两个CSS文件，使用CSS文件的网页，通过链接引入网页中，对HTML标记控制，在网页中表现出CSS控制的效果。
第三篇（第15章~第30章）CSS部分
这篇具体讲述了CSS各个属性的语法形式，以及各属性的用法。在第15章中，讲述了CSS的基本语法以及如何编写CSS代码；在第16章~第22章中，讲述了控制文本、背景、边框和补丁的属性，这些也是在一个网页中不可缺少的部分；在第23章中，讲述了定位的用法，布局通过定位使图像背景显示在层对象后面，如圆角的使用；在第27章中，讲述了CSS布局中的部分属性在布局中起着非常重要的作用，并介绍了语法和用法。本部分还讲述了选择符的语法，以及链接时用到的伪类和属性值。
第四篇（第31章~第33章）实践部分
在第31章中，通过实例布局演示了以游戏为背景的网站主页，使用最多的是图像，通过图像来表现页面的内容，还有一些特殊的效果，如中国风的边框样式，这是游戏类网站的主特色，通过CSS来实现。
在第32章中，通过企业主页面来演示布局用法，企业界面比较严肃，通过固定的分栏在页眉显示LOGO，网页体中左边显示链接，右边呈现该链接的内容，背景以灰色为主，以深淡效果区别各个区域。
在第33章中，对博客个人主页面进行布局，博客个人主页通过不同的模块组成，每个模块都由模块的名称和内容组成，且在名称前还用不同的图标表示。
本书的重点是HTML和CSS的基本语法和用法，特别是每个知识点都通过实例来演示，在学习中，读者在参考本书的实例时，再举一反三，在此基础上加深对知识点的理解。
本书的特点
本书深入浅出地讲解了HTML和CSS的基础知识，并用实例演示了各知识点的用法，本书重点在于如何运用DIV和CSS通用HTML中的标记和CSS中的属性来布局。在每章中都以“注意”、“说明”和“技巧”等形式对该知识点总结。
本书基本涵盖了HTML中所有的语法和标记的使用，以及CSS属性的语法。本书的特点主要体现在以下几个方面。
q 本书语法解释简单易懂，适合设计网页入门、初级人员。
q 本书力争以一个知识点一个实例的形式演示其用法，并在每章中有一节专用实例来总结该章所有的知识点。
q 本书实践部分为目前主流网站的布局示例，通过这些布局示例，使读者更易理解如何来布局一个成熟的主页面。
q 本书的代码具有丰富的注解，注解的帮助，降低了对新知识的理解难度。
本书配套光盘内容
q 本书源代码
q 本书视频演示
q 本书电子教案（PPT）
q 1200余页编程技术文档（免费赠送）
q 45个编程专题视频讲座（免费赠送）
适合阅读本书的读者
本书主要讲述了HTML和CSS的基础知识，适用于网页设计的入门者和初学者，以及想对CSS精通的动态网页设计人员。
本书作者
本书由雷宁主持组织编写，主要参与编写和资料整理的人员还有高会东、王建超、邓薇、黄丽莉、吝晓宁、汪洋、白广元、蔡念光、陈辉、冯彬、刘长江、刘明、沙金、张士强、张洪福、多召英、贾旭、李宽、江宽、陈科、方成林、班晓娟、方中纯、刘兰军、郑雪峰等。由于作者水平有限，书中难免有不足之处，欢迎广大读者批评指正。
编 者
本书精华 ◎HTML基础 ◎常用HTML标记和格式 ◎文字和图像的用法 ◎超级链接的使用 ◎表单和表格应用 ◎框架组合页面 ◎移动的字体和图片 ◎网页多媒体应用 ◎DIV与SPAN的用法 ◎DIV和CSS的结合使用 ◎CSS语法基础 ◎字体和背景属性 ◎尺寸与内外补丁用法 ◎边框与列表的使用 ◎CSS控制表格和滚动条 ◎CSS选择符、伪类和单位 ◎游戏、企业、博客网站布局实例
雷 宁：暂无简介
写给未来的程序员
前言
第一篇 HTML基础知识
第1章 认识HTML语言 1
1.1 HTML简介 1
1.2 HTML由标记组成 2
1.2.1 单标记 2
1.2.2 双标记 2
1.3 创建第一张网页 3
1.4 浏览HTML的浏览器兼容 6
1.5 编写HTML的工具 6
1.5.1 aptana代码提示工具 6
1.5.2 Dreamweaver网页开发工具 9
1.6 小结 12
第2章 常用HTML标记和格式 13
2.1 设置正文的标题 13
2.1.1 标题设置的语法 13
2.1.2 标题设置经典案例—字号由大到小 13
2.2 设置段落 14
2.3 强制换行 16
2.4 给代码注释 17
2.5 粗体与斜体 18
2.6 下画线与删除线 19
2.7 上标与下标 20
2.8 HTML标记和格式实例 21
2.8.1 标题用h1 21
2.8.2 设置每一行为一段落 22
2.8.3 粗体和删除线 23
2.8.4 加上化学元素和数学平方根 23
2.9 小结 25
第3章 字体标记 26
3.1 设置字体大小 26
3.2 设置字体颜色 27
3.3 设置标题字体样式 28
3.3.1 标题的字体 28
3.3.2 设置字体的大小和颜色 29
3.4 物理字体 30
3.5 逻辑字体 32
3.6 字体实例 33
3.6.1 插入字体font 33
3.6.2 字体颜色设为红色 34
3.6.3 把文字设为标题h1 34
3.6.4 设为斜体并加删除线 35
3.6.5 设置字体为big 35
3.7 小结 35
第4章 文字布局 36
4.1 行的控制 36
4.1.1 换行控制 36
4.1.2 不换行控制 37
4.2 文字对齐 38
4.3 段落设置 40
4.4 列表 40
4.4.1 无序列表 41
4.4.2 有序列表 42
4.5 其他方式修饰文本 42
4.5.1 欲格式化文本 43
4.5.2 计算机输出格式 45
4.6 文字布局 46
4.6.1 设置文字换行与不换行 46
4.6.2 设置文字对齐 47
4.6.3 显示列表 47
4.6.4 计算机代码 48
4.7 小结 50
第5章 图像 51
5.1 图像的基本语法 51
5.1.1 在网页中插入图像 51
5.1.2 图像无法显示时的提示信息 52
5.1.3 控制图像的大小 53
5.2 图像的链接 54
5.3 图像和文字对齐 54
5.4 图像的边框 55
5.5 图像映射图 56
5.6 图像实例 56
5.6.1 在网页上引入图像标记 56
5.6.2 设置图像参数alt 57
5.6.3 给图像做超链接 57
5.6.4 设置图像的边框 58
5.6.5 设置文本与图像对齐 58
5.6.6 设置图像的映射图 59
5.7 小结 60
第6章 超级链接 61
6.1 文字链接 61
6.1.1 最简单的文字超链接 61
6.1.2 超链网页的打开方式 62
6.1.3 链接的注释 63
6.2 图片链接 64
6.3 锚点链接 65
6.4 邮箱地址链接 66
6.5 相对路径与绝对路径 67
6.5.1 相对路径 67
6.5.2 绝对路径 68
6.6 链接实例 68
6.6.1 在网页中做文字链接 68
6.6.2 给图片做超链接 69
6.6.3 设置锚点链接 70
6.6.4 邮箱链接 72
6.7 小结 72
第7章 表单 73
7.1 表单基本语法 73
7.2 文本框和密码框 74
7.2.1 文本框 75
7.2.2 密码框 75
7.3 单选框和复选框 76
7.3.1 单选框 76
7.3.2 复选框 77
7.4 下拉列表与文本域 78
7.4.1 下拉表 78
7.4.2 文本域 79
7.5 按钮 80
7.6 表单实例 82
7.6.1 插入表单 82
7.6.2 添加文本框和密码框 82
7.6.3 添加单选框和复选框 83
7.6.4 添加下拉表和文本域 84
7.6.5 在表单中添加提交按钮 86
7.7 小结 87
第8章 表格 88
8.1 表格基本语法 88
8.2 跨多行、多列表元 89
8.2.1 跨多行表元 89
8.2.2 跨多列表元 90
8.3 设置表格大小 91
8.3.1 设置表格边框 91
8.3.2 设置表格高度和宽度 92
8.4 表格内文字对齐 93
8.5 表格在网页中对齐 94
8.6 表格实例 95
8.6.1 表格中嵌入表格 95
8.6.2 设置跨行和跨列 97
8.7 小结 98
第9章 框架 99
9.1 框架基本语法 99
9.2 框架分栏 100
9.2.1 框架垂直分栏 100
9.2.2 框架水平分栏 101
9.3 框架的常用属性 102
9.3.1 设置不可调节框架大小 103
9.3.2 浏览器不支持框架 103
9.3.3 设置框架边框 104
9.3.4 设置滚动条 105
9.4 框架链接 106
9.4.1 导航框架 106
9.4.2 内联框架 108
9.5 框架实例 109
9.5.1 在网页中插入框架 109
9.5.2 设置框架的滚动条和边框 110
9.5.3 设置不支持框架文字 111
9.5.4 设置框架导航链接 111
9.6 小结 113
第10章 移动的字体和图片 114
10.1 移动属性基本语法 114
10.2 文字的移动 115
10.3 图片的移动 116
10.4 如何设置对象移动 117
10.4.1 文本移动的方向 118
10.4.2 文本的滚动循环 118
10.4.3 文本的移动速度 118
10.4.4 应用文本的全部移动标记 118
10.5 移动实例—电影结束效果 120
10.6 小结 122
第11章 网页多媒体 123
11.1 网页多媒体的基本语法 123
11.2 设置自动播放 124
11.3 设置多媒体循环播放 125
11.4 隐藏面板的设置 127
11.5 设置面板大小 128
11.6 对齐方式 129
11.7 网页多媒体实例—在网页中播放视频 130
11.7.1 引入视频文件 130
11.7.2 设置多媒体为非自动播放 131
11.7.3 设置多媒体无循环播放 132
11.7.4 设置控制面板的大小 132
11.8 小结 133
第二篇 DIV+CSS布局
第12章 为什么用DIV布局 135
12.1 DIV与TABLE布局比较 135
12.1.1 什么是DIV 135
12.1.2 DIV与TABLE的区别 136
12.2 如何用DIV布局 139
12.2.1 设置DIV选择符 140
12.2.2 设置CSS修饰DIV效果 140
12.2.3 设置DIV的背景颜色 143
12.3 使用DIV注意事项 143
12.4 小结 144
第13章 DIV与SPAN 145
13.1 解读SPAN 145
13.2 何时用SPAN 146
13.3 DIV与SPAN的区别 147
13.3.1 默认宽度不同 147
13.3.2 块元素与行内元素 148
13.4 DIV与SPAN实例—多层布局 149
13.5 小结 151
第14章 DIV与CSS结合 152
14.1 用CSS控制DIV 152
14.2 CSS文件链接 153
14.2.1 内联定义 153
14.2.2 链入内部CSS 154
14.2.3 链接外部CSS 156
14.3 DIV+CSS布局实例 157
14.3.1 确定布局 157
14.3.2 定义body样式 158
14.3.3 定义主要的DIV 158
14.3.4 设置层居中 161
14.4 小结 161
第三篇 CSS部分
第15章 CSS基础知识 163
15.1 CSS简介 163
15.2 CSS文件链接方式 164
15.3 选择符 164
15.4 伪类 165
15.5 注解 165
15.6 单位 166
15.7 用编写CSS工具演示 167
15.7.1 打开CSS工具软件 167
15.7.2 新建CSS文件 167
15.7.3 保存为CSS后缀文件 168
15.7.4 打开aptana工具 168
15.7.5 在菜单栏中新建CSS文件 169
15.8 CSS与浏览器兼容性 169
15.9 CSS基础实例 170
15.9.1 在aptana中新建网页 170
15.9.2 在aptana中新建CSS文件 171
15.9.3 链接CSS文件到HTML页面中 171
15.9.4 用不同的浏览器测试页面 172
15.10 小结 172
第16章 字体设置 173
16.1 字体的复合属性 173
16.2 字体颜色 175
16.3 字体大小 176
16.4 字体重量 178
16.5 字体类型 180
16.6 行距 181
16.7 如何设置文本间距与间隔 182
16.7.1 文本间距 182
16.7.2 文本间隔 182
16.8 字体实例—字体花样 184
16.8.1 加入字体名字 184
16.8.2 加入CSS控制字体 185
16.8.3 设置行距 186
16.8.4 设置文本间隔 187
16.9 小结 188
第17章 文本设置 189
17.1 字母大小写转换 189
17.2 文本修饰 191
17.3 空格处理方式 193
17.4 设置文本的垂直与水平对齐 195
17.4.1 文本垂直对齐 195
17.4.2 文本水平对齐 198
17.5 文本缩进 199
17.6 文本设置—给段落设置缩进 200
17.6.1 对DIV布局 200
17.6.2 设置文本首行缩进 201
17.7 小结 202
第18章 设置背景 203
18.1 背景语法 203
18.2 设置背景颜色 205
18.3 设置背景图像 206
18.3.1 设置背景图像滚动 207
18.3.2 设置背景图像位置 208
18.3.3 设置背景图像如何铺排 210
18.4 背景实例 212
18.4.1 设置层背景为绿色 212
18.4.2 设置层背景图像 213
18.4.3 设置背景为不铺排 213
18.4.4 设置背景图像位置 214
18.5 小结 215
第19章 设置尺寸 216
19.1 设置宽度 216
19.2 设置高度 218
19.3 尺寸实例—设置层居中 219
19.3.1 尺寸实例手把手 219
19.3.2 设置层居中 223
19.4 小结 225
第20章 设置外补丁 226
20.1 外补丁基本语法 226
20.2 外补丁的四边设置 228
20.2.1 顶端外补丁用法 228
20.2.2 右端外补丁用法 229
20.2.3 底端外补丁用法 230
20.2.4 左端外补丁用法 231
20.3 外补丁实例—设置层与层的距离 233
20.3.1 层与层的距离效果 233
20.3.2 对层布局 235
20.3.3 设置层的尺寸 236
20.3.4 设置层漂移 238
20.3.5 设置层与层之间的间隔 240
20.4 小结 242
第21章 设置内补丁 243
21.1 内补丁基本语法 243
21.2 内补丁的四边属性 244
21.2.1 顶端内补丁用法 245
21.2.2 右端内补丁用法 245
21.2.3 底端内补丁用法 246
21.2.4 左端内补丁用法 247
21.3 内补丁实例 248
21.3.1 设置顶部内补丁 249
21.3.2 设置其他位置的内补丁 250
21.3.3 用复合属性padding设置内补丁 252
21.4 小结 253
第22章 设置对象边框 254
22.1 边框的基本语法 254
22.2 边框颜色 256
22.3 边框样式 258
22.4 边框宽度 260
22.5 对象的四个边框 263
22.5.1 设置顶端边框的属性 263
22.5.2 设置右端边框的属性 264
22.5.3 设置底端边框的属性 265
22.5.4 设置左端边框的属性 266
22.6 边框实例—双边框 267
22.6.1 实例手把手 267
22.6.2 设置多层边框 271
22.7 小结 272
第23章 定位 273
23.1 定位的基本语法 273
23.2 设置对象层叠顺序 275
23.3 设置对象的边框位置 277
23.4 定位实例—圆角制作 278
23.4.1 相对定位实例 278
23.4.2 绝对定位实例 280
23.4.3 实例—圆角制作 282
23.5 小结 287
第24章 列表 288
24.1 列表的基本语法 288
24.2 设置列表的图像 289
24.3 设置列表的文本排列 291
24.4 列表的预设标记 292
24.5 列表实例 294
24.5.1 设置列表图像文字内显示 295
24.5.2 设置列表样式为空心圆 296
24.5.3 设置文本外自定义列表图像 297
24.6 小结 298
第25章 用CSS控制表格 299
25.1 控制表格的基本语法 299
25.2 设置表格边框独立或合并 301
25.3 设置表格布局的算法 303
25.4 CSS控制表格实例 305
25.4.1 布局好表格 305
25.4.2 表格边框独立和合并 306
25.4.3 设置表格算法为自动和固定 307
25.5 小结 308
第26章 CSS设置滚动条 309
26.1 滚动条的基本语法 309
26.2 设置滚动条亮边框颜色 310
26.3 设置3D界面亮边颜色和表面颜色 311
26.4 设置滚动条方向箭头颜色 313
26.5 设置滚动条3D界面暗边颜色和暗边框颜色 314
26.6 设置滚动条基准颜色和拖动区域颜色 315
26.7 小结 317
第27章 CSS布局 318
27.1 设置层的漂移 318
27.2 清除层的漂移范围 320
27.3 设置层的可视区域 322
27.4 内容超过层大小时 324
27.5 鼠标指针的不同表示 326
27.6 设置对象可见性 329
27.6.1 设置对象是否隐藏 329
27.6.2 设置对象是否显示 331
27.7 小结 333
第28章 选择符 334
28.1 通配选择符 334
28.2 类型选择符 335
28.3 包含选择符 337
28.4 布局常用选择符 338
28.4.1 ID选择符 338
28.4.2 类选择符 340
28.5 分组选择符 341
28.6 小结 343
第29章 伪类 344
29.1 伪类概念 344
29.2 伪类的四种状态 346
29.2.1 访问链接的状态 346
29.2.2 鼠标光标置于其上的状态 347
29.2.3 获得焦点的状态 348
29.2.4 访问过后的状态 350
29.3 小结 351
第30章 单位 352
30.1 长度单位 352
30.2 颜色单位 354
30.3 小结 356
第四篇 实 践 部 分
第31章 游戏网站布局 357
31.1 网站主页规划 357
31.2 用DIV+CSS布局 359
31.2.1 实现页面头部 359
31.2.2 实现中间部分 361
31.2.3 实现页面底部 368
31.3 加入文字 369
31.4 调整全页面的兼容性 372
31.5 小结 372
第32章 企业网站布局 374
32.1 企业主页规划 374
32.2 对网页布局 376
32.2.1 将页面用DIV布局出框图 376
32.2.2 用CSS实现页面头部 378
32.2.3 用CSS实现页面体 379
32.3 添加文本等信息 383
32.4 调整全页面和浏览器兼容 385
32.5 其他二级页面模块制作 386
32.6 小结 386
第33章 博客主要页面布局 387
33.1 博客网站主页规划 387
33.1.1 分析主页需求 388
33.1.2 确定内容模块 388
33.1.3 画出效果图 388
33.2 用div布局框图 389
33.2.1 页眉 389
33.2.2 实现内容模块 390
33.2.3 页脚 393
33.3 CSS实现框图 394
33.3.1 实现内容模块 394
33.3.2 实现整页效果 399
33.4 添加图片 400
33.5 加入文字 401
33.6 调整全页面 402
33.7 其他页面的布局 403
33.8 小结 403
附录 IE 7对CSS的支持 404
