本书特色
⊙ 由浅入深，循序渐进，从零开始学HTML+CSS，一点都不难
⊙ 编程基础、编程进阶、编程应用、项目实战、上机练习、面试指南
⊙ 211个实例、3个案例、115个练习题、17个面试题

超值、大容量DVD
⊙ 本书教学视频
⊙ 本书源代码
⊙ 本书教学PPT
⊙ 本书习题答案

本书技术支持
⊙ 论坛：http://www.rzchina.net

丛书特色
⊙ 零门槛学习，没有任何基础便可轻松掌握 ⊙ 每个知识点都对应相应的实例讲解，容易理解
⊙ 给出编程经验、编程陷阱、编程技巧和编程谬误 ⊙ 提供上机实践练习题和常见面试题及解答
⊙ 源代码提供了详细的注释，阅读起来无障碍 ⊙ 提供典型案例帮助读者提高开发水平
⊙ 提供配套的多媒体教学视频，学习效果更好 ⊙ 提供了专门的售后服务论坛：http://www.rzchina.net

本书精华内容
● HTML语言基础内容
● 常用HTML标记和格式
● 字体标记
● 文字布局
● 图像和链接
● 表单
● 表格
● 框架
● 网页中的动态图文和多媒体
● 为什么用DIV布局
● DIV与CSS结合
● CSS基础知识
● 字体设置和文本设置
● 设置背景和尺寸
● 设置外补丁和内补丁
● 设置对象边框
● 定位
● 用CSS控制列表和表格
● 滚动条和布局
● 选择符
● 游戏网站布局
● 企业网站布局
● 博客主要页面布局
● 面试题

现在市面上许多可视化的网页编辑工具都达到了“所见即所得”的效果，这些图形化的开发工具可以直接编辑网页，而不用书写麻烦的标记。这使得用户在没有HTML语言基础的情况下，照样可以编写网页。这是网页图形编辑工具最大的优点，但也是它们最大的缺点。由于受到图形编辑工具自身的约束，将产生大量的垃圾代码。因为图形工具默认满足一般的网页设计需求，这样当生成网页元素时，就会生成该元素的所有属性代码，从而增加许多不必要的代码。所以一名明智的网页开发人员应该在掌握网页图形编辑工具的基础上进一步学会HTML语言，从而知道哪些是垃圾代码，如何消除无用的代码，进而快速制作出高质量的网页。
本书特色
　　本书系统全面地介绍HTML语言的知识，先从简单HTML语法入手，让读者对网页的信息展现有一个初步的了解，接着引入DIV+CSS的相关知识，让读者明白网页元素是如何布局的，最后通过3个案例的讲解，来巩固和加深前面学过的知识。
　　本书的特点主要体现在以下几个方面。
　　 本书的编排采用循序渐进的方式，每章主题鲜明、要点突出，适合初级读者逐步掌握HTML的语法规则和设计思想。
　　 本书的每一个知识点都配有一个范例，读者可容易地将代码复制到自己的机器上进行实验，自行实践和演练，直观体会所讲要点，感受使用HTML语言编写一张网页。本书的所有例子、源代码都附在随书光盘中，方便读者使用。
　　 本书的每一章最后都有一个涉及该章知识的综合案例，该案例是对该章知识的总结、复习和提高，从而让读者对相关知识点理解得更深刻，这也是本书的一大亮点。
　　 本书代码简洁、思路清晰、内容全面，兼顾HTML语言的所有知识点。
　　 本书结合编者多年的HTML语言编写和网页设计经验，特别标注出易出错的技术点或初学者易误解的细节，同时对查错和调试页面给出指导思想，这样读者在学习中可少走弯路，加快学习进度。
本书内容
　　本书共分为四篇，共24章，先从HTML语言的基础知识讲起，使读者初步了解HTML语言的语法和网页生成。如果将编写HTML语言比作盖房子，第一篇的基础知识就相当于砖瓦水泥；第二篇讲述DIV+CSS布局，就如同房子的框架设计；第三篇是CSS的相关知识点，本书对相关知识点做了详细介绍和范例演示；第四篇是案例实践和对差错的指导意见，以及常见面试题。
　　第一篇（第1~9章）　HTML基础知识
　　该篇讲述了HTML语言的基础知识，包括HTML语言介绍、如何通过HTML语言的标记在网页中创建和设置表格、列表、图片等元素，如何如设置网页的背景颜色、文本的相关属性、网页的一些特别显示效果（如网页上的相关滚动信息）。
　　第二篇（第10~11章）　DIV+CSS布局
　　DIV+CSS的使用已经是现在主流网站布局的主要实现方法，该篇通过DIV设计方法与以往的网页设计方法的对比，来突出用DIV设计网页的优势。初步介绍网页通过DIV来布局网页，以及如何结合CSS进行美观设计。
　　第三篇（第12~20章）　CSS部分
　　该篇全面详细地介绍CSS知识点，如选择符的种类、边框、字体、边距等样式的语法。
　　第四篇（第21~24章）　实践部分
　　该篇旨在让读者掌握HTML语言开发案例和实践项目，虽然只提供了3种常见网页布局的开发，却能帮助读者掌握HTML语言的语法和DIV+CSS网站的设计思想，最后编者根据自己的经验提供一些网页设计和检查的指导意见，并给出一些常见的HTML+CSS面试题，帮助读者顺利踏入职场。
本书读者对象
　　本书作为HTML语言的基础教程，适合以下读者阅读：
　　 无HTML语言基础的初学者
　　 了解HTML语言，但所学不全面的人员
　　 高等院校学习网页设计的学生
　　 使用DIV+CSS进行项目开发的人员
　　 供其他相关技术人员
本书编写人员
　　张熠、冯华君、刘博、刘燕、叶青、张军、张立娟、张艺、彭涛、徐磊、戎伟、朱毅、李佳、李玉涵、杨利润、杨春娇、武鹏、潘中强、王丹、王宁、王西莉、石淑珍、程彩红、邵毅、郑丹丹、郑海平、顾旭光。

　　　 编　者
　　　 2014年2月

计算机\Web设计

张熠　等编著：暂无简介

前言
第一篇　HTML基础知识
第1章　认识HTML语言 1
1.1　HTML与网页 1
1.1.1　认识HTML语言 1
1.1.2　静态网页 2
1.1.3　动态网页 2
1.2　HTML标记的组成 4
1.2.1　单标记 4
1.2.2　双标记 4
1.3　创建第一张网页 5
1.4　浏览HTML的浏览器兼容 7
1.5　编写HTML的工具 8
1.5.1　Aptana代码提示工具 8
1.5.2　Dreamweaver网页开发工具 9
1.6　小结 11
1.7　习题 11
第2章　常用HTML标记和格式 13
2.1　设置正文的标题 13
2.1.1　标题设置的语法 13
2.1.2　标题设置经典案例——字号由大到小 13
2.2　设置段落 14
2.2.1　段落标记 14
2.2.2　段落中的空格 15
2.2.3　强制换行 16
2.3　给代码添加注释 17
2.4　文字的修饰 18
2.4.1　粗体与斜体 18
2.4.2　下划线与删除线 19
2.4.3　上标与下标 20
2.5　HTML标记和格式实例 20
2.5.1　标题用h1 21
2.5.2　设置每一行为一段落 21
2.5.3　粗体和删除线 22
2.5.4　加上化学元素和数学平方根 22
2.6　小结 23
2.7　习题 23
第3章　字体标记 25
3.1　设置字体大小 25
3.2　设置字体颜色 26
3.3　设置标题字体样式 27
3.3.1　设置标题的字体大小 27
3.3.2　设置字体的大小和颜色 28
3.4　物理字体和逻辑字体 29
3.4.1　物理字体 29
3.4.2　逻辑字体 30
3.5　字体标记实例 31
3.5.1　插入字体 31
3.5.2　将字体颜色设置为红色 31
3.5.3　将文字设置为标题h1 32
3.5.4　将文字设置为斜体并加删除线 32
3.5.5　设置字体为 32
3.6　小结 33
3.7　习题 33
第4章　文字布局 35
4.1　行的控制 35
4.1.1　换行控制 35
4.1.2　不换行控制 36
4.2　文字对齐 37
4.3　段落设置 38
4.4　列表 39
4.4.1　无序列表 39
4.4.2　有序列表 40
4.5　用其他方式修饰文本 41
4.5.1　欲格式化文本 41
4.5.2　计算机输出格式 43
4.6　文字布局实例 44
4.6.1　设置文字换行与不换行 44
4.6.2　设置文字对齐 45
4.6.3　显示列表 45
4.6.4　在网页中显示源代码 46
4.7　制作滚动文字 47
4.7.1　设置文字滚动 47
4.7.2　设置文字滚动的方向 48
4.7.3　设置文字滚动的速度和形式 48
4.8　小结 49
4.9　习题 49
第5章　图像和链接 51
5.1　图像的基本语法 51
5.1.1　在网页中插入图像 51
5.1.2　图像无法显示时的提示信息 52
5.1.3　控制图像的大小 53
5.2　图像和文字对齐 53
5.3　图像的边框 54
5.4　图像映射图 55
5.5　图像的应用实例 55
5.5.1　在网页上引入图像标记 55
5.5.2　设置图像参数alt 56
5.5.3　给图像设置超链接 56
5.5.4　设置图像的边框 56
5.5.5　设置文本与图像对齐 57
5.5.6　设置图像的映射图 57
5.6　文字链接 58
5.6.1　最简单的文字链接 58
5.6.2　超链接网页的打开方式 59
5.6.3　链接的注释 60
5.7　图片链接 60
5.8　锚点链接 61
5.9　邮箱地址链接 62
5.10　相对路径与绝对路径 63
5.10.1　相对路径 63
5.10.2　绝对路径 64
5.11　链接应用实例 64
5.11.1　在网页中做文字链接 64
5.11.2　给图片设置超链接 65
5.11.3　设置锚点链接 66
5.11.4　邮箱链接 67
5.12　小结 67
5.13　习题 67
第6章　表单 69
6.1　表单概述 69
6.1.1　表单的用途 69
6.1.2　表单的结构 69
6.1.3　表单的基本语法 70
6.1.4　表单的数据传递方式 70
6.2　文本框和密码框 71
6.2.1　文本框 71
6.2.2　密码框 72
6.3　单选框和复选框 73
6.3.1　单选框 73
6.3.2　复选框 74
6.4　下拉列表与文本域 75
6.4.1　下拉列表 75
6.4.2　文本域 76
6.5　按钮 77
6.6　图像域、文件域和隐藏域 78
6.7　表单实例 79
6.7.1　插入表单 79
6.7.2　添加文本框和密码框 79
6.7.3　添加单选框和复选框 80
6.7.4　添加下拉列表和文本域 81
6.7.5　在表单中添加提交按钮 82
6.8　小结 84
6.9　习题 84
第7章　表格 86
7.1　页面中的表格 86
7.1.1　表格的外观 86
7.1.2　表格的基本语法 86
7.2　跨多行、多列表元 87
7.2.1　跨多行表元 88
7.2.2　跨多列表元 89
7.3　设置表格大小 90
7.3.1　设置表格边框 90
7.3.2　设置表格高度和宽度 90
7.4　表格内文字对齐 91
7.5　表格在网页中对齐 92
7.6　表格实例 93
7.6.1　表格中嵌入表格 93
7.6.2　设置跨行和跨列 94
7.7　小结 95
7.8　习题 95
第8章　框架 97
8.1　用框架灵活地组织网页 97
8.1.1　框架在网站中的作用 97
8.1.2　框架的结构分析 97
8.1.3　框架的基本语法 97
8.2　框架分栏 99
8.2.1　框架垂直分栏 99
8.2.2　框架水平分栏 100
8.3　框架的常用属性 100
8.3.1　设置不可调节框架大小 100
8.3.2　浏览器不支持框架 101
8.3.3　设置框架边框 102
8.3.4　设置滚动条 103
8.4　框架链接 103
8.4.1　导航框架 103
8.4.2　内联框架 104
8.5　框架实例 105
8.5.1　在网页中插入框架 105
8.5.2　设置框架的滚动条和边框 106
8.5.3　设置不支持框架文字 106
8.5.4　设置框架导航链接 107
8.6　小结 108
8.7　习题 108
第9章　网页中的动态图文和多媒体 110
9.1　移动属性的基本语法 110
9.2　文字的移动 111
9.3　图片的移动 112
9.4　设置对象的移动 113
9.4.1　文本移动的方向 113
9.4.2　文本的滚动循环 113
9.4.3　文本的移动速度 113
9.4.4　应用文本的全部移动标记 114
9.5　移动实例——电影结束效果 115
9.6　网页多媒体 117
9.6.1　网页多媒体的基本语法 117
9.6.2　设置自动播放 118
9.6.3　设置多媒体循环播放 119
9.6.4　设置面板的隐藏 120
9.6.5　设置面板的大小 121
9.6.6　设置对齐方式 122
9.7　网页多媒体实例——在网页中播放视频 123
9.7.1　引入视频文件 123
9.7.2　设置多媒体为非自动播放 123
9.7.3　设置多媒体无循环播放 124
9.7.4　设置控制面板的大小 125
9.8　小结 125
9.9　习题 125
第二篇　DIV＋CSS布局
第10章　用DIV布局 127
10.1　DIV与TABLE布局比较 127
10.1.1　DIV简介 127
10.1.2　DIV与TABLE的区别 128
10.2　如何用DIV布局 131
10.2.1　设置DIV选择符 131
10.2.2　设置CSS修饰DIV效果 132
10.2.3　设置DIV的背景颜色 134
10.3　使用DIV注意事项 135
10.4　认识SPAN 136
10.4.1　设置DIV选择符 136
10.4.2　何时用SPAN 136
10.5　DIV与SPAN的区别 137
10.5.1　默认宽度不同 138
10.5.2　块元素与行内元素 138
10.6　DIV与SPAN实例——多层布局 139
10.7　小结 141
10.8　习题 142
第11章　DIV与CSS结合 143
11.1　用CSS控制DIV 143
11.2　CSS文件链接 144
11.2.1　内联定义 144
11.2.2　链接内部CSS 145
11.2.3　链接外部CSS 147
11.3　DIV+CSS布局实例 148
11.3.1　确定布局 148
11.3.2　定义body样式 148
11.3.3　定义主要的DIV 149
11.3.4　设置层居中 151
11.4　小结 152
11.5　习题 152
第三篇　CSS部分
第12章　CSS的基础知识 153
12.1　CSS简介 153
12.2　CSS文件链接方式 153
12.3　选择符 154
12.4　伪类 155
12.5　注解 155
12.6　单位 156
12.7　编写CSS的工具 157
12.7.1　打开CSS工具软件 157
12.7.2　新建CSS文件 157
12.7.3　另存为CSS文件 158
12.7.4　打开Aptana工具 158
12.7.5　在菜单栏中新建CSS文件 159
12.8　CSS与浏览器的兼容性 159
12.9　CSS基础实例 160
12.9.1　在Aptana中新建网页 160
12.9.2　在Aptana中新建CSS文件 160
12.9.3　链接CSS文件到HTML页面中 161
12.9.4　用不同的浏览器测试页面 162
12.10　小结 162
12.11　习题 162
第13章　字体设置和文本设置 164
13.1　文字的字体 164
13.1.1　字体的复合属性 164
13.1.2　字体颜色 166
13.1.3　字体大小 167
13.1.4　字体重量 168
13.1.5　字体类型 170
13.2　行距 171
13.3　设置文本间距与间隔 172
13.3.1　文本间距 172
13.3.2　文本间隔 172
13.4　字体实例——字体花样 174
13.4.1　加入字体名字 174
13.4.2　加入CSS控制字体 175
13.4.3　设置行距 176
13.4.4　设置文本间隔 177
13.5　字母大小写转换 178
13.6　文本修饰 180
13.7　空格处理方式 182
13.8　设置文本垂直与水平对齐 184
13.8.1　文本垂直对齐 184
13.8.2　文本水平对齐 186
13.9　文本缩进 188
13.10　文本设置——给段落设置缩进 189
13.10.1　对DIV布局 189
13.10.2　设置文本首行缩进 189
13.11　小结 190
13.12　习题 190
第14章　设置背景和尺寸 192
14.1　背景的基本语法 192
14.2　设置背景颜色 194
14.3　设置背景图像 195
14.3.1　设置背景图像滚动 196
14.3.2　设置背景图像的位置 197
14.3.3　设置背景图像的铺排 199
14.4　背景实例 200
14.4.1　设置层背景为绿色 200
14.4.2　设置层背景图像 201
14.4.3　设置背景为不铺排 202
14.4.4　设置背景图像位置 202
14.5　设置尺寸 203
14.5.1　设置宽度 204
14.5.2　设置高度 205
14.6　尺寸实例——设置层居中 206
14.6.1　尺寸实例手把手 206
14.6.2　设置层居中 209
14.7　小结 211
14.8　习题 211
第15章　设置外边距和内边距 214
15.1　外边距的基本语法 214
15.2　外边距的四边设置 216
15.2.1　顶端外边距的用法 216
15.2.2　右端外边距的用法 217
15.2.3　底端外边距的用法 218
15.2.4　左端外边距的用法 219
15.3　外边距实例——设置层与层的距离 220
15.3.1　层与层的距离效果 220
15.3.2　对层布局 222
15.3.3　设置层的尺寸 223
15.3.4　设置层漂移 225
15.3.5　设置层与层之间的间隔 226
15.4　内边距的基本语法 228
15.5　内边距的四边属性 229
15.5.1　顶端内边距的用法 230
15.5.2　右端内边距的用法 231
15.5.3　底端内边距的用法 231
15.5.4　左端内边距的用法 232
15.6　内边距实例 233
15.6.1　设置顶部内边距 234
15.6.2　设置其他位置的内边距 235
15.6.3　用复合属性padding设置内边距 237
15.7　小结 237
15.8　习题 238
第16章　设置对象边框 240
16.1　边框的基本语法 240
16.2　边框颜色 242
16.3　边框样式 243
16.4　边框宽度 245
16.5　对象的四个边框 248
16.5.1　设置顶端边框的属性 248
16.5.2　设置右端边框的属性 249
16.5.3　设置底端边框的属性 250
16.5.4　设置左端边框的属性 251
16.6　边框实例——多层边框 252
16.6.1　设置单层边框 252
16.6.2　设置多层边框 255
16.7　小结 257
16.8　习题 257
第17章　定位 259
17.1　定位的基本语法 259
17.2　设置对象的层叠顺序 261
17.3　设置对象的边框位置 262
17.4　定位实例——圆角制作 264
17.4.1　相对定位实例 264
17.4.2　绝对定位实例 265
17.4.3　实例——圆角制作 267
17.5　小结 272
17.6　习题 272
第18章　用CSS控制列表和表格 274
18.1　列表的基本语法 274
18.2　设置列表的图像 276
18.3　设置列表的文本排列 277
18.4　列表的预设标记 278
18.5　列表实例 280
18.5.1　设置列表图像文字内显示 280
18.5.2　设置列表样式为空心圆 281
18.5.3　设置文本外自定义列表图像 282
18.6　控制表格的基本语法 283
18.7　设置表格边框独立或合并 285
18.8　设置表格布局的算法 287
18.9　CSS控制表格实例 288
18.9.1　布局好表格 288
18.9.2　表格边框独立和合并 289
18.9.3　设置表格算法为自动和固定 291
18.10　小结 292
18.11　习题 292
第19章　滚动条和布局 294
19.1　滚动条 294
19.1.1　滚动条的基本语法 294
19.1.2　设置滚动条亮边框颜色 295
19.1.3　设置3D界面亮边颜色和表面颜色 296
19.1.4　设置滚动条方向箭头颜色 297
19.1.5　设置滚动条3D界面暗边颜色和暗边框颜色 298
19.1.6　设置滚动条基准颜色和拖动区域颜色 300
19.2　层的漂移 301
19.2.1　设置层的漂移 301
19.2.2　清除层的漂移范围 303
19.3　设置层的可视区域 305
19.4　内容超过层大小时 307
19.5　鼠标指针的不同表示 308
19.6　设置对象可见性 311
19.6.1　设置对象是否隐藏 311
19.6.2　设置对象是否显示 313
19.7　小结 315
19.8　习题 315
第20章　选择符 317
20.1　通配选择符 317
20.2　类型选择符 318
20.3　包含选择符 319
20.4　布局常用选择符 320
20.4.1　ID选择符 321
20.4.2　类选择符 322
20.5　分组选择符 323
20.6　伪类 324
20.7　伪类的四种状态 326
20.7.1　访问链接的状态 326
20.7.2　鼠标光标置于其上的状态 327
20.7.3　获得焦点的状态 328
20.7.4　访问过后的状态 329
20.8　CSS中的单位 331
20.8.1　长度单位 331
20.8.2　颜色单位 333
20.9　小结 334
20.10　习题 335
第四篇　实践部分
第21章　游戏网站布局 337
21.1　网站主页规划 337
21.2　用DIV+CSS布局 338
21.2.1　实现页面头部 338
21.2.2　实现中间部分 341
21.2.3　实现页面底部 347
21.3　加入文字 348
21.4　调整全页面的兼容性 351
21.5　小结 352
第22章　企业网站布局 353
22.1　企业主页规划 353
22.2　对网页布局 354
22.2.1　将页面用DIV布局出框图 355
22.2.2　用CSS实现页面头部 356
22.2.3　用CSS实现页面体 358
22.3　添加文本等信息 362
22.4　调整全页面和浏览器兼容 363
22.5　其他二级页面模块制作 364
22.6　小结 364
第23章　博客主要页面布局 366
23.1　博客网站主页规划 366
23.1.1　分析主页需求 367
23.1.2　确定内容模块 367
23.1.3　画出效果图 367
23.2　用DIV布局框图 368
23.2.1　页眉 368
23.2.2　实现内容模块 369
23.2.3　页脚 372
23.3　CSS实现框图 373
23.3.1　实现内容模块 373
23.3.2　实现整页效果 378
23.4　添加图片 379
23.5　加入文字 380
23.6　调整全页面 381
23.7　其他页面布局 381
23.8　小结 382
第24章　面试题 383
面试题1　DIV与SPAN的区别 383
面试题2　HTML的框架是什么 383
面试题3　CSS引入的方式有哪些 383
面试题4　前端页面有哪三层构成，各层的作用是什么 384
面试题5　常见的浏览器的内核有哪些 384
面试题6　img元素的alt text属性和title属性有什么不同 385
面试题7　document.body和document.documentElement有什么不同 385
面试题8　XHTML和DHTML有什么区别 385
面试题9　写出实现效果所需的CSS代码 385
面试题10　写出一段左边固定、右边随电脑屏幕浮动而变动的HTML+CSS代码 386
面试题11　写一段两个DIV交叉重叠的CSS样式 386
面试题12　怎样使一个层垂直居中位于浏览器中 387
面试题13　Firefox嵌套DIV标签居中问题的处理方法 387
面试题14　用纯CSS实现带下拉菜单的二级横向导航菜单 387
面试题15　在网页制作中为什么要使用CSS技术 388
面试题16　CSS+DIV开发Web页面的优势有哪些 389
面试题17　实现两列高度自适应的CSS代码 389