上篇 HTML标记详解
第1章 HTML入门 3
1.1 HTML的基本概念 3
1.1.1 HTML简介 3
1.1.2 HTML的基本结构 3
1.1.3 HTML的标记 4
1.2 一个简单的HTML实例 5
1.2.1 编写HTML代码 5
1.2.2 运行HTML文件查看效果 7
1.3 HTML基本标记 7
1.3.1 文件类型： HTML 7
1.3.2 文件头： HEAD 8
1.3.3 文件主体： BODY 8
1.4 页面标题：TITLE 8
1.5 小结 9
第2章 与浏览器相关的结构性标记 10
2.1 标题文字 10
2.1.1 标题标记：H 10
2.1.2 标题的对齐：ALIGN 11
2.2 层 12
2.2.1 层标记：DIV 12
2.2.2 层的对齐：ALIGN 13
2.2.3 层的样式设置：STYLE 14
2.3 文字相关 16
2.3.1 斜体：EM 16
2.3.2 文字的加粗：STRONG 17
2.3.3 引文：CITE 18
2.3.4 程序码：CODE 18
2.3.5 键盘输入：KBD 19
2.3.6 变量声明：VAR 20
2.3.7 字体加大和缩小：BIG、SMALL 21
2.4 其他标记 21
2.4.1 文本缩进：BLOCKQUOTE 22
2.4.2 样本：SAMP 23
2.4.3 定义：DFN 23
2.4.4 地址：ADDRESS 24
第3章 设置页面元素外观 26
3.1 文字外观 26
3.1.1 加粗文字：B 26
3.1.2 斜体：I 27
3.1.3 下划线：U 27
3.1.4 删除线：S 28
3.1.5 上标与下标：SUB、SUP 29
3.1.6 打字机字体：TT 30
3.1.7 基本字大小：BASEFONT SIZE 31
3.1.8 字体大小：FONT SIZE 32
3.1.9 字体颜色：FONT COLOR 33
3.1.10 设置字体：FONT FACE 34
3.2 预定义格式标记：PRE 35
3.3 居中对齐：CENTER 36
3.4 闪烁：BLINK 37
第4章 超级链接 38
4.1 超级链接的基本标记 38
4.1.1 设置超级链接：A 38
4.1.2 链接地址：HREF 38
4.1.3 目标页面：TARGET 40
4.2 网页中的锚点 41
4.2.1 设定锚点：NAME 41
4.2.2 链接到锚点：# 42
4.3 设置不同的链接对象 46
4.3.1 链接网站内部的页面 46
4.3.2 链接文件 47
4.3.3 设置外部链接：链接HTTP页面 47
4.3.4 设置外部链接：链接FTP页面 48
4.3.5 使用Telnet链接BBS站点 49
4.3.6 发送E-mail 50
第5章 图像与多媒体 52
5.1 添加图像 52
5.1.1 图像标记：IMG 52
5.1.2 设置图像源文件：SRC 52
5.2 设置图像属性 54
5.2.1 设置大小：WIDTH、HEIGHT 54
5.2.2 对齐方式：ALIGN 56
5.2.3 替换文字：ALT 57
5.2.4 设置边框：BORDER 59
5.2.5 设置边距：HSPACE、VSPACE 60
5.2.6 低解析度图像：LOWSRC 61
5.3 图像的超级链接 63
5.3.1 对整幅图像设置超级链接 63
5.3.2 应用图像地图：MAP 64
5.4 设置背景音乐 71
5.4.1 添加背景音乐：BGSOUND 71
5.4.2 设置背景音乐的循环播放次数：LOOP 72
5.5 多媒体元素 72
5.5.1 添加多媒体元素：EMBED 72
5.5.2 设置自动运行：AUTOSTART 73
5.5.3 设置循环播放：LOOP 74
5.5.4 隐藏面板：HIDDEN 75
5.5.5 添加其他类型的多媒体文件 76
5.6 动态文字 77
5.6.1 添加滚动文字：MARQUEE 77
5.6.2 文字滚动方向：DIRECTION 78
5.6.3 设置文字的滚动方式：BEHAVIOR 79
5.6.4 调整文字滚动速度：SCROLLAMOUNT 80
5.6.5 设置滚动延迟：SCROLLDELAY 81
5.6.6 循环设置：LOOP 82
5.6.7 设置滚动文字的背景：BGCOLOR 83
5.6.8 滚动背景面积：WIDTH、HEIGHT 85
5.6.9 设置空白空间：HSPACE、VSPACE 86
第6章 页面的布局与分隔 88
6.1 段落标记 88
6.1.1 段落标记：P 88
6.1.2 段落文字对齐方式：ALIGN 89
6.2 文字的换行 90
6.2.1 换行标记：BR 90
6.2.2 设置不可换行：NOBR 91
6.2.3 强制换行：WBR 92
6.3 水平线 93
6.3.1 插入水平线：HR 93
6.3.2 水平线高度：SIZE 94
6.3.3 水平线宽度：WIDTH 95
6.3.4 水平线的对齐方式：ALIGN 96
6.3.5 设置为实线效果：NOSHADE 97
6.3.6 水平线的颜色：COLOR 98
第7章 列表 100
7.1 无序列表 100
7.1.1 无序列表标记：UL 100
7.1.2 设置无序列表的符号类型：TYPE 101
7.2 有序列表的设计 102
7.2.1 有序列表标记：OL 103
7.2.2 有序列表的序号类型：TYPE 103
7.2.3 有序列表的起始数值：START 104
7.3 定义列表标记：DL 106
7.4 菜单列表标记：MENU 107
7.5 目录列表：DIR 108
第8章 表单 110
8.1 添加表单：FORM 110
8.1.1 处理程序：ACTION 110
8.1.2 表单名称：NAME 112
8.1.3 传送方法：METHOD 112
8.1.4 编码方式：ENCTYPE 113
8.2 输入类控件 114
8.2.1 输入控件类型：INPUT TYPE 114
8.2.2 文本框控件：INPUT TYPE=“text” 115
8.2.3 密码域控件：INPUT TYPE=“password” 116
8.2.4 文件域：INPUT TYPE=“file” 117
8.2.5 复选框：INPUT TYPE=“checkbox” 118
8.2.6 单选按钮：INPUT TYPE=“radio” 119
8.2.7 普通按钮：INPUT TYPE=“button” 121
8.2.8 提交按钮：INPUT TYPE=“submit” 122
8.2.9 重置按钮：INPUT TYPE=“reset” 123
8.2.10 图像区域控件：INPUT TYPE=“image” 124
8.2.11 隐藏域：INPUT TYPE=“hidden” 125
8.2.12 控件名称： INPUT NAME=“***” 127
8.2.13 控件默认取值： INPUT VALUE=“***” 128
8.2.14 已选定的选项：CHECKED 130
8.2.15 控件长度：SIZE 131
8.2.16 设置最多字符：MAXLENGTH 132
8.3 下拉式选单 134
8.3.1 添加选单控件：SELECT 134
8.3.2 选单显示的项目数：SIZE 135
8.3.3 选单控件名称：NAME 136
8.3.4 设置选项值：VALUE 137
8.3.5 已选定的选项：SELECTED 138
8.3.6 设置列表项目的多选：MULTIPLE 139
8.4 文本输入区 141
8.4.1 文本输入区域：TEXTAREA 141
8.4.2 设置名称：NAME 142
8.4.3 设置输入区大小：ROWS、COLS 143
8.4.4 输入区的默认值 143
8.4.5 输入区换行方式：WRAP 145
第9章 表格 147
9.1 创建表格 147
9.2 表格属性 148
9.2.1 表格边框：BORDER 148
9.2.2 表格的边框颜色：BORDERCOLOR 149
9.2.3 表格的亮边框：BORDERCOLORLIGHT 151
9.2.4 表格的暗边框颜色：BORDERCOLORDARK 152
9.2.5 表格宽度：WIDTH 153
9.2.6 设置表格的高度：HEIGHT 154
9.2.7 设置表格背景色：BGCOLOR 155
9.2.8 设置表格的背景图像：BACKGROUND 156
9.2.9 表格内框宽度：CELLSPACING 157
9.2.10 文字与边框距离：CELLPADDING 158
9.2.11 设置表格的对齐方式：ALIGN 160
9.3 表格行属性设置 161
9.3.1 高度的控制：HEIGHT 162
9.3.2 边框颜色：BORDERCOLOR 163
9.3.3 行的背景色：BGCOLOR 164
9.3.4 行文字的水平对齐方式：ALIGN 165
9.3.5 行文字的垂直对齐方式：VALIGN 166
9.3.6 行的亮边框颜色：BORDERCOLORLIGHT 167
9.3.7 设置行的暗边框颜色：BORDERCOLORDARK 168
9.4 调整单元格属性 169
9.4.1 单元格大小：WIDTH、HEIGHT 169
9.4.2 水平跨度：COLSPAN 171
9.4.3 垂直跨度：ROWSPAN 172
9.4.4 对齐方式：ALIGN、VALIGN 174
9.4.5 设置单元格的背景色：BGCOLOR 175
9.4.6 设置单元格的背景图像：BACKGROUND 176
9.4.7 单元格的边框颜色：BORDERCOLOR 177
9.4.8 设置单元格的亮边框：BORDERCOLORLIGHT 178
9.4.9 设置单元格的暗边框：BORDERCOLORDARK 179
9.4.10 文字内容不换行：NOWRAP 180
9.5 表格的结构 181
9.5.1 表格的表首：THEAD 181
9.5.2 设计表首样式 182
9.5.3 表格的主体：TBODY 183
9.5.4 设计表主体的样式 185
9.5.5 表格的表尾：TFOOT 185
9.5.6 设计表尾样式 187
9.6 表格的表头：TH 188
9.7 表格的标题 190
9.7.1 添加标题单元格：CAPTION 190
9.7.2 标题的水平对齐方式：ALIGN 191
9.7.3 标题的垂直对齐方式：VALIGN 192
9.8 表格的嵌套 194
第10章 框架结构 196
10.1 插入框架： FRAMESET 196
10.2 分割窗口 196
10.2.1 上下分割窗口：ROWS 197
10.2.2 左右分割窗口：COLS 199
10.2.3 窗口的嵌套分割 200
10.3 设置框架边框 201
10.3.1 设置边框：FRAMEBORDER 201
10.3.2 框架的边框宽度：FRAMESPACING 203
10.3.3 框架的边框颜色：BORDERCOLOR 204
10.4 设置窗口属性 205
10.4.1 页面源文件：SRC 205
10.4.2 页面名称：NAME 207
10.4.3 设置框架滚动条显示：SCROLLING 208
10.4.4 设置框架边缘宽度：MARGINWIDTH 210
10.4.5 设置框架边缘高度：MARGINHEIGHT 211
10.4.6 禁止调整窗口的尺寸：NORESIZE 212
10.4.7 不支持框架标记：NOFRAMES 213
10.5 浮动框架 215
10.5.1 插入浮动框架IFRAME 215
10.5.2 浮动框架大小：WIDTH、HEIGHT 216
10.5.3 浮动框架的对齐方式：ALIGN 217
10.5.4 设置边框显示属性：FRAMEBORDER 218
10.5.5 设置框架边缘宽度：MARGINWIDTH 219
10.5.6 设置框架边缘高度：MARGINHEIGHT 220
10.5.7 设置框架滚动条：SCROLLING 220
10.5.8 设置框架名称：NAME 222
10.6 框架的链接 223
10.6.1 普通框架页面的链接：FRAME NAME 223
10.6.2 浮动框架页面的链接：IFRAME NAME 226
第11章 其他常用标记 228
11.1 元信息标记：META 228
11.1.1 设置页面关键字：NAME=“keywords” 228
11.1.2 设置页面描述文字：NAME=“discription” 229
11.1.3 设置编辑工具：NAME=“generator” 229
11.1.4 设定作者信息：NAME=“author” 230
11.1.5 限制搜索方式：NAME=“robots” 230
11.1.6 设置版权声明：NAME=“copyright” 231
11.1.7 设置页面的创建日期：NAME=“build” 232
11.1.8 设置联系人邮箱：NAME=“reply-to” 232
11.1.9 设置页面语言：HTTP-EQUIV=“Content-Language” 233
11.1.10 设置网页的定时刷新和跳转：HTTP-EQUIV=“refresh” 233
11.1.11 设置网页的到期时间：HTTP-EQUIV=“expires” 235
11.1.12 禁止调用缓存：HTTP-EQUIV=“cache-control” 235
11.1.13 删除过期的cookie：HTTP-EQUIV=“set-cookie” 236
11.1.14 以独立窗口打开：HTTP-EQUIV=“window-target” 237
11.1.15 设置网页的过渡效果：HTTP-EQUIV=“过渡事件” 238
11.2 基底网址：BASE 243
11.3 页面相关链接：LINK 244
11.4 页面背景与颜色 245
11.4.1 背景颜色：BGCOLOR 246
11.4.2 背景图像：BACKGROUND 246
11.4.3 固定显示页面背景图像：BGPROPERTIES 248
11.4.4 链接文字的初始颜色：LINK 249
11.4.5 设置使用中的链接文字颜色：ALINK 250
11.4.6 修改访问过的链接文字颜色：VLINK 251
11.4.7 设置页面文字颜色：TEXT 252
11.5 页面边距 253
11.5.1 设置页面的左边距：LEFTMARGIN 253
11.5.2 设置页面上边距：TOPMARGIN 254
11.6 特殊字符 255
11.6.1 空格： 255
11.6.2 其他特殊字符 256
11.7 页面注释 257
下篇 CSS标记详解
第12章 CSS样式表简介 261
12.1 CSS样式表的概念 261
12.2 CSS样式表的类型 261
12.2.1 类选择器样式 262
12.2.2 ID选择器样式 262
12.2.3 重定义标记样式 262
12.2.4 特殊样式 263
12.3 CSS样式表的设置方法 263
12.3.1 链入外部样式表 263
12.3.2 导入外部样式表 264
12.3.3 内部样式表 264
12.3.4 内嵌样式 265
12.4 CSS样式表书写原则 265
第13章 文字属性 267
13.1 设置字体 267
13.1.1 设置字体：font-family 267
13.1.2 设置字号：font-size 268
13.1.3 设置斜体效果：font-style 270
13.1.4 设置加粗字体：font-weight 271
13.1.5 设置英文大写：font-variant 272
13.1.6 复合属性：字体：font 273
13.2 文本的对齐与排列 274
13.2.1 文本的水平对齐：text-align 274
13.2.2 纵向对齐：vertical-align 275
13.2.3 文本反排：direction与unicode-bidi 277
13.2.4 元素布局方式：writing-mode 278
13.3 文本的换行 279
13.3.1 字内换行：word-break 279
13.3.2 日文文本的换行：line-break 281
13.3.3 超过容器边界时的换行：word-wrap 282
13.4 文字的修饰 283
13.4.1 设置文字修饰：text-decoration 283
13.4.2 设置下划线的线条位置：text-underline-position 285
13.5 设置文字间隔 286
13.5.1 单词间隔：word-spacing 286
13.5.2 字符间隔：letter-spacing 287
13.6 其他文本属性 288
13.6.1 文本转换：text-transform 288
13.6.2 文本缩进：text-indent 289
13.6.3 文本行高：line-height 290
13.6.4 处理空白：white-space 291
13.6.5 设置颜色：color 291
第14章 元素的背景 293
14.1 设置背景颜色：background-color 293
14.2 设置背景图像 294
14.2.1 背景图像：background-image 294
14.2.2 图像的平铺：background-repeat 295
14.2.3 图像与页面的布局：background-attachment 298
14.2.4 图像位置：background-position 300
14.3 背景的复合属性：background 303
第15章 边框的设置 305
15.1 边框的风格 305
15.1.1 上边框的风格：border-top-style 305
15.1.2 右边框的风格：border-right-style 307
15.1.3 下边框的风格：border-bottom-style 308
15.1.4 左边框的风格：border-left-style 310
15.1.5 设置边框的风格：border-style 311
15.2 边框的颜色 312
15.2.1 上边框的颜色：border-top-color 312
15.2.2 右边框的颜色：border-right-color 314
15.2.3 下边框的颜色：border-bottom-color 315
15.2.4 左边框的颜色：border-left-color 316
15.2.5 设置边框的颜色：border-color 318
15.3 边框的宽度 319
15.3.1 上边框的宽度：border-top-width 319
15.3.2 右边框的宽度：border-right-width 321
15.3.3 下边框的宽度：border-bottom-width 322
15.3.4 左边框的宽度：border-left-width 323
15.3.5 设置边框的宽度：border-width 325
15.4 分别设置各个边框 326
15.4.1 设置上边框：border-top 326
15.4.2 设置右边框：border-right 327
15.4.3 设置下边框：border-bottom 329
15.4.4 设置左边框：border-left 330
15.5 设置边框的整体效果：border 331
15.6 边框属性在框架结构中的应用 333
15.6.1 设置框架中的边框风格：border-style 333
15.6.2 设置框架的其他边框属性：border 334
15.7 表格相邻边框的合并：border-collapse 335
第16章 边距与补白属性 338
16.1 设置边距 338
16.1.1 顶端边距：margin-top 338
16.1.2 底部边距：margin-bottom 339
16.1.3 左侧边距：margin-left 340
16.1.4 右侧边距：margin-right 341
16.1.5 边距：margin 342
16.2 设置页面的补白 343
16.2.1 顶端补白：padding-top 343
16.2.2 底部补白：padding-bottom 344
16.2.3 左侧补白：padding-left 345
16.2.4 右侧补白：padding-right 346
16.2.5 补白：padding 347
第17章 区块属性 349
17.1 对象的定位 349
17.1.1 定位方式：position 349
17.1.2 元素距顶端的垂直距离：top 349
17.1.3 元素距离左端的水平距离：left 351
17.1.4 元素距离右端的水平距离：right 351
17.1.5 元素距离下端的水平距离：bottom 352
17.1.6 层叠顺序：z-index 354
17.2 布局属性 355
17.2.1 浮动属性：float 356
17.2.2 清除属性：clear 357
17.2.3 可视区域：clip 358
17.2.4 超出范围：overflow 359
17.2.5 设置水平方向超出范围的处理方式：overflow-x 361
17.2.6 设置垂直方向超出范围的处理方式：overflow-y 362
17.2.7 可见属性：visibility 363
17.3 尺寸设置：width、height 366
第18章 滤镜 368
18.1 滤镜的简介 368
18.2 滤镜的使用 369
18.2.1 透明效果：alpha 369
18.2.2 动感模糊：blur 372
18.2.3 对颜色进行透明处理：chroma 374
18.2.4 设置阴影：dropshadow 376
18.2.5 渐变阴影效果：shadow 377
18.2.6 对象的水平翻转：flipH 379
18.2.7 对象的垂直翻转：flipV 379
18.2.8 发光效果：glow 380
18.2.9 灰度处理：gray 382
18.2.10 反相处理：invert 383
18.2.11 X光片效果：xray 384
18.2.12 遮罩效果：mask 385
18.2.13 波形滤镜：wave 386
18.3 应用多个滤镜实现特殊效果：创建水中倒影 390
第19章 其他CSS属性 392
19.1 列表属性 392
19.1.1 列表符号：list-style-type 392
19.1.2 图像符号：list-style-image 394
19.1.3 列表缩进：list-style-position 395
19.1.4 列表：list-style 396
19.2 光标属性：cursor 397
19.3 滚动条属性 399
19.3.1 滚动条表面的颜色：scrollbar-face-color 400
19.3.2 滚动条的亮边颜色：scrollbar-highlight-color 401
19.3.3 滚动条暗边颜色：scrollbar-shadow-color 402
19.3.4 滚动条方向箭头的颜色：scrollbar-arrow-color 403
19.3.5 滚动条基本颜色：scrollbar-base-color 404
附录1 HTML中支持的颜色名称 406
附录2 CSS各属性适应的浏览器 415
附录3 IE 7.0对CSS的支持 419
鄂公网安备 42010302001612号 