第一篇 HTML基础知识 1
第1章 认识HTML语言 1
1.1HTML简介 1
1.2HTML由标记组成 2
1.2.1单标记 2
1.2.2双标记 2
1.3创建第一张网页 3
1.4浏览HTML的浏览器兼容 6
1.5编写HTML的工具 6
1.5.1aptana代码提示工具 6
1.5.2Dreamweaver网页开发工具 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.8HTML标记和格式实例 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文本移动的方向 1
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布局 135
第12章 为什么用DIV布局 135
12.1DIV与TABLE布局比较 135
12.1.1什么是DIV 135
12.1.2DIV与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.3DIV与SPAN的区别 147
13.3.1默认宽度不同 147
13.3.2块元素与行内元素 148
13.4DIV与SPAN实例——多层布局 149
13.5小结 151
第14章 DIV与CSS结合 152
14.1用CSS控制DIV 152
14.2CSS文件链接 153
14.2.1内联定义 153
14.2.2链入内部CSS 154
14.2.3链接外部CSS 156
14.3DIV+CSS布局实例 157
14.3.1确定布局 157
14.3.2定义body样式 158
14.3.3定义主要的DIV 158
14.3.4设置层居中 161
14.4小结 161
第三篇 CSS部分 163
第15章 CSS基础知识 163
15.1CSS简介 163
15.2CSS文件链接方式 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.8CSS与浏览器兼容性 169
15.9CSS基础实例 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.4CSS控制表格实例 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.1ID选择符 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
第四篇 实践部分 357
第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.3CSS实现框图 394
33.3.1实现内容模块 394
33.3.2实现整页效果 399
33.4添加图片 400
33.5加入文字 401
33.6调整全页面 402
33.7其他页面的布局 403
33.8小结 403
附录 IE7对CSS的支持 404