HTML概念导引 1
第1章 HTML文档结构 2
〈HTML〉HTML文档开始标记 2
〈HEAD〉HTML文档头部分标记 3
〈TITLE〉标题标记 4
〈META〉网页信息标记 4
〈META http-equiv＝″″content＝″″〉设置网页浏览器和服务器之间的请求方式 5
〈META http-equiv＝″content-type″content＝″；charset＝″〉设置网页的编码 5
〈META http-equiv＝″expires″content＝″″〉设置网页的有效期限 6
〈META http-equiv＝″keyword″content＝″″〉设置网页关键字 6
〈META http-equiv＝″refresh″content＝″″〉设置自动刷新网页 7
〈META http-equiv＝″refresh″content＝″；url＝″〉设置自动跳转网页 7
〈META http-equiv＝″cache-control″content＝″no-cache″〉设置禁用缓存 8
〈META http-equiv＝″″content＝″blendTrans（duration＝）″〉设置网页以融合方式进行切换 8
〈META http-equiv＝″″content＝″revealTrans（transition＝，duration＝）″〉设置网页的切换方式 9
〈META name＝″″content＝″″〉设置网页相关信息 11
〈META name＝″robots″content＝″″〉限制搜索方式 12
〈BODY〉HTML文档主体标记 12
〈BODY bgcolor＝″″〉设置网页背景颜色 13
〈BODY text＝″″〉设置网页文字颜色 14
〈BODY background＝″″〉设置网页背景图片 15
〈BODY bgproperties＝″″〉设置背景图片固定属性 16
〈BODY topmargin＝″″bottommargin＝″″leftmargin＝″″rightmargin＝″″〉设置网页的边距 17
第2章 文字 22
〈Hn〉标题字 22
〈Hn align＝″″〉设置标题字对齐 23
〈B〉粗体文本 23
〈STRONG〉强调文本 24
〈I〉斜体文本 24
〈EM〉强调显示文本 25
〈DFN〉用于显示专有名词或人名 26
〈CITE〉用于引文和引用 26
〈SUP〉上标文本 27
〈SUB〉下标文本 27
〈BIG〉大字号文本 28
〈SMALL〉小字号文本 29
〈U〉下划线文本 29
〈STRIKE〉删除线文本 30
〈S〉删除线文本 30
〈DEL〉删除线文本 31
〈RUBY〉在文字上方标注说明 32
〈RT〉在文字上方标注说明 33
〈ADDRESS〉地址文本 33
〈TT〉固定宽度文本 34
〈CODE〉用于显示编程代码 35
〈SAMP〉显示计算机输出结果 35
〈KBD〉使用者输入的文本 36
〈VAR〉声明变量 37
〈FONT〉控制文本标记 37
〈BASEFONT〉基础文字标记 38
第3章 段落 44
＆nbsp；空格符号 44
〈P〉段落标记 44
〈P align＝″″〉设置段落对齐方式 45
〈BR〉换行标记 46
〈NOBR〉禁止换行标记 47
〈WBR〉在禁止换行标记中强制换行标记 47
〈PRE〉保留原始样式标记 48
〈CENTER〉居中标记 49
〈BLOCKQUOTE〉缩排标记 49
〈HR〉水平线标记 50
〈HR align＝″″〉设置水平线对齐方式 51
〈HR color＝″″〉设置水平线颜色 52
〈HR noshade〉水平线去掉阴影 52
〈HR size＝″″〉设置水平线粗细 53
〈HR width＝″″〉设置水平线宽度 54
〈PLAINTEXT〉忽视HTML标记 54
〈XMP〉不执行HTML标记 55
〈BR clear＝″″〉设置文字显示位置 56
〈DIV〉块标记 56
〈DIV align＝″″〉设置块标记内文字的对齐 57
〈SPAN〉块标记 58
第4章 特殊文字 66
＆quot；等特殊字符 66
〈MARQUEE〉跑马灯文字 67
〈MARQUEE bgcolor＝″″〉设置跑马灯的背景色 68
〈MARQUEE height＝″″〉设置跑马灯的高度 69
〈MARQUEE width＝″″〉设置跑马灯的宽度 70
〈MARQUEE hspace＝″″〉设置跑马灯水平边距 71
〈MARQUEE vspace＝″″〉设置跑马灯垂直边距 72
〈MARQUEE behavior＝″″〉设置跑马灯文字滚动效果 73
〈MARQUEE direction＝″″〉设置跑马灯文字的运动方向 74
〈MARQUEE loop＝″″〉设置跑马灯文字圈数 74
〈MARQUEE scrollamount＝″″〉设置跑马灯文字移动距离 75
〈MARQUEE scrolldelay＝″″〉设置跑马灯文字移动间隔时间 76
第5章 创建超链接 79
〈A〉锚标记 79
〈A href＝″″〉设置超链接 79
〈A href＝″＃″〉链接到同一文档内的特定部分 81
〈A href＝″＃″〉链接到特定文档中的某个特定位置 82
〈A name＝″ ″〉设置书签 83
〈A href＝″″target＝″″〉设置链接的目标窗口 84
〈A href＝″″accesskey＝″″〉设置超链接的快捷键 84
〈A href＝″″title＝″″〉设置超链接的说明文字 85
〈A href＝″mailto：″〉使用电子邮件 86
〈BASE href＝″″〉设置超链接的基础URL 87
〈BASE target＝″″〉设置基础的窗口打开属性 88
〈BODY link＝″″〉设置未访问的链接的文字颜色 89
〈BODY vlink＝″″〉设置已访问的链接的文字颜色 90
〈BODY alink＝″″〉设置正在访问的链接的文字颜色 91
第6章 创建列表 97
〈OL〉有序列表标记 97
〈OL type＝″″start＝″″〉设置有序列表的类型 98
〈UL〉无序列表标记 99
〈UL type＝″″〉设置无序列表的类型 99
〈LI〉项目标记 100
〈DL〉定义列表标记 101
〈DT〉指定要定义的术语 102
〈DD〉用于对术语的定义 103
〈DIR〉目录列表标记 104
〈MENU〉菜单列表标记 105
〈MENU type＝″″〉设置菜单列表的类型 106
第7章 框架 110
〈FRAMESET〉框架集标记 110
〈FRAMESET cols＝″″〉左右分割窗口 110
〈FRAMESET rows＝″″〉上下分割窗口 111
〈FRAMESET border＝″″〉设置框架边框的宽度 112
〈FRAMESET bordercolor＝″″〉设置框架边框的颜色 113
〈FRAMESET frameborder＝″″〉设置框架边框的显示 114
〈NOFRAMES〉浏览器不支持框架时所显示的内容 115
〈FRAME〉框架标记 116
〈FRAME src＝″″〉设置框架内源文件的位置 116
〈FRAME marginheight＝″″marginwidth＝″″〉设置框架的边距 117
〈FRAME name＝″″〉设置框架的名称 118
〈FRAME noresize〉设置框架窗口大小是否可调整 118
〈FRAME scrolling＝″″〉设置框架窗口的滚动条 119
〈IFRAME〉内嵌框架 120
〈IFRAME src＝″″〉设置内嵌框架内容的URL 121
〈IFRAME align＝″″〉设置内嵌框架的对齐属性 122
〈IFRAME frameborder＝″″〉设置内嵌框架边框的显示 123
〈IFRAME height＝″″〉设置内嵌框架的高度 123
〈IFRAME width＝″″〉设置内嵌框架的宽度 124
〈IFRAME name＝″″〉设置内嵌框架的名称 125
〈IFRAME marginheight＝″″marginwidth＝″″〉设置内嵌框架的边距 126
〈IFRAME scrolling＝″″〉设置内嵌框架窗口的滚动条 127
〈IFRAME alt＝″″〉设置替代文字 127
第8章 表格 136
〈TABLE〉表格标记 136
〈TABLE align＝″″〉设置表格的对齐方式 137
〈TABLE background＝″″〉设置表格的背景图 138
〈TABLE bgcolor＝″″〉设置表格的背景颜色 139
〈TABLE border＝″″〉设置表格的边框宽度 139
〈TABLE bordercolor＝″″〉设置表格的边框线颜色 140
〈TABLE bordercolordark＝″″〉设置表格的暗边框颜色 141
〈TABLE bordercolorlight＝″″〉设置表格的亮边框颜色 141
〈TABLE height＝″″〉设置表格的高度 142
〈TABLE width＝″″〉设置表格的宽度 143
〈TABLE cellpadding＝″″〉设置单元格内边距 143
〈TABLE cellspacing＝″″〉设置表格内框的间距 144
〈TABLE frame＝″″〉设置表格外边框样式 145
〈TABLE rules＝″″〉设置表格内边框样式 145
〈CAPTION〉表格标题标记 146
〈CAPTION align＝″″〉设置表格标题的水平对齐方式 147
〈CAPTION valign＝″″〉设置表格标题的垂直对齐方式 148
〈THEAD〉表格的表首标记 148
〈THEAD align＝″″valign＝″″〉设置表格表首内文字的对齐方式 149
〈THEAD bgcolor＝″″〉设置表格表首的背景颜色 150
〈TBODY〉表格的主体标记 150
〈TBODY align＝″″valign＝″″〉设置表格主体内文字的对齐方式 151
〈TBODY bgcolor＝″″〉设置表格主体的背景颜色 152
〈TR〉行标记 152
〈TR align＝″″valign＝″″〉设置行内文字的对齐方式 153
〈TR bgcolor＝″″〉设置行的背景色 154
〈TR height＝″″〉设置行的高度 155
〈TR bordercolor＝″″〉〈TR bordercolorlight＝″″bordercolordark＝″″〉设置行的边框颜色 155
〈TH〉表格的表头标记 156
〈TH align＝″″valign＝″″〉设置表头文字的对齐方式 157
〈TH background＝″″〉〈TH bgcolor＝″″〉设置表头的背景 158
〈TH height＝″″width＝″″〉设置表头的高度与宽度 159
〈TH colspan＝″″〉设置表头单元格跨列合并 160
〈TH rowspan＝″″〉设置表头单元格跨行合并 161
〈TH bordercolor＝″″〉〈TH bordercolorlight＝″″bordercolordark＝″″〉设置表头的边框颜色 161
〈TH nowrap〉设置表头文字禁止换行 162
〈TD〉单元格标记 163
〈TD align＝″″valign＝″″〉设置单元格的对齐方式 164
〈TD background＝″″〉〈TD bgcolor＝″″〉设置单元格的背景 165
〈TD height＝″″width＝″″〉设置单元格高度与宽度 166
〈TD bordercolor＝″ ″〉〈TD bordercolorlight＝″″bordercolordark＝″″〉设置单元格的边框颜色 167
〈TD colspan＝″ ″〉〈TD rowspan＝″″〉设置单元格的合并 168
〈TD nowrap〉设置单元格文字禁止换行 169
〈TFOOT〉表尾 170
〈TFOOT align＝″″ valign＝″″〉设置表尾文字的对齐方式 170
〈TFOOT bgcolor＝″″〉设置表尾的背景颜色 171
第9章 表单 177
〈FORM〉表单标记 177
〈FORM action＝″″method＝″″〉设置表单数据的传送方式 177
〈FORM enctype＝″″〉设置表单数据的编码方式 178
〈FORM name＝″″〉设置表单名称 179
〈FORM target＝″″〉设置表单信息返回的窗口 179
〈INPUT〉表单输入域标记 180
〈INPUT type＝″text″name＝″″size＝″″maxlength＝″″value＝″″〉创建表单文本域 180
〈INPUT type＝″password″name＝″″size＝″″maxlength＝″″value＝″″〉创建密码域 181
〈INPUT type＝″radio″name＝″″value＝″″checked〉创建单选按钮 182
〈INPUT type＝″checkbox″name＝″″value＝″″checked〉创建复选框 183
〈INPUT type＝″file″name＝″″value＝″″〉创建文件域 184
〈INPUT type＝″hidden″name＝″″value＝″″〉创建表单隐藏域 185
〈INPUT type＝″button″name＝″″value＝″″〉创建按钮 186
〈INPUT type＝″reset″name＝″″value＝″″〉创建重置按钮 187
〈INPUT type＝″submit″name＝″″value＝″″〉创建表单提交按钮 187
〈INPUT type＝″image″src＝″″name＝″″〉创建图像域 188
〈INPUT tabindex＝″″〉设置输入域的TAB键顺序 189
〈SELECT〉创建菜单或列表 190
〈OPTION〉创建列表 191
〈SELECT tabindex＝″″〉设置菜单或列表的TAB键顺序 192
〈TEXTAREA〉文本区域标记 193
〈TEXTAREA name＝″″〉设置文本区域的名称 194
〈TEXTAREA cols＝″″〉设置文本区域的宽度 194
〈TEXTAREA rows＝″″〉设置文本区域的高度 195
〈TEXTAREA wrap＝″″〉文本区域的换行设置 196
〈TEXTAREA tabindex＝″″〉设置文本区域的TAB键顺序 196
第10章 图像、声音、视频 203
〈IMG〉插入图片 203
〈IMG src＝″″〉设置图片的URL 204
〈IMG src＝″″align＝″″〉设置图片与文字的对齐方式 204
〈IMG src＝″″alt＝″″〉设置图片的描述文字 205
〈IMG src＝″″height＝″″〉设置图片的高度 206
〈IMG src＝″″width＝″″〉设置图片的宽度 207
〈IMG src＝″″border＝″″〉设置图片边框宽度 208
〈IMG lowsrc＝″″〉设置插入低分辨率的图片 208
〈IMG src＝″″hspace＝″″〉设置图片与文字间的水平距离 209
〈IMG src＝″″vspace＝″″〉设置图片与文字间的垂直距离 210
〈IMG dynsrc＝″″〉插入.avi格式的文件 210
〈IMG dynsrc＝″″start＝″″〉设置.avi格式的文件的播放方式 211
〈IMG dynsrc＝″″loop＝″″〉设置.avi格式的文件的播放次数 212
〈IMG src＝″″usemap＝″＃″〉设置使用映射地图名称 213
〈MAP〉定义映射地图 213
〈AREA〉定义映射区域 215
〈BGSOUND〉插入背景音乐 216
〈EMBED〉插入多媒体文件 217
〈NOEMBED〉浏览器不支持多媒体文件时所显示的内容 219
〈APPLET〉嵌入Java Applet 220
第11章 CSS 226
〈STYLE type＝″″〉定义样式表 226
〈LINK rel＝″stylesheet″href＝″″type＝″text/css″〉读取外部样式表 228
style＝″″标记中定义样式 228
font字体属性 229
font-family设置文字字体 229
font-size设置文字大小 230
font-style设置文字效果 231
font-weight设置文字粗细 232
font-variant设置英文大小写转换 233
text-align设置文本的水平对齐方式 234
vertical-align设置文本的垂直对齐方式 234
text-decoration设置文本效果 235
text-indent 设置文本首行缩进 236
text-transform设置文字转换 237
word-spacing单词之间间隔 238
letter-spacing字符之间间距 239
line-height设置行距 239
ruby-align设置标注文字水平对齐 240
ruby-position设置标注文字显示位置 241
Color颜色属性 242
Background设置背景样式 242
background-color设置背景颜色 243
background-image设置背景图像 244
background-repeat设置背景图像排列方式 244
background-position设置背景图像位置 245
background-attachment设置背景图像固定显示 246
Border边框属性 247
border-top设置上边框 248
border-bottom设置下边框 249
border-left设置左边框 250
border-right设置右边框 250
border-style设置边框样式 251
border-width设置边框宽度 252
border-color设置边框颜色 253
padding设置边框与内容间的距离 254
padding-top、padding-bottom、padding-left、padding-right设置上、下、左、右边框与内容间的距离 255
margin设置边界 256
margin-top、margin-bottom、margin-left、margin-right设置上、下、左、右边界 257
list-style列表属性 258
list-style-type设置项目符号类型 259
list-style-image设置图像为项目符号 260
list-style-position设置列表项目缩进 261
A：样式｛CSS属性｝设置超链接样式 261
A:link｛CSS属性｝设置未访问链接的样式 263
A:hover｛CSS属性｝设置鼠标移至超链接上时的样式 264
A:active｛CSS属性｝设置活动链接的样式 264
A:visited｛CSS属性｝设置已访问链接的样式 265
position定位属性 266
top设置与顶点的竖直距离 267
left设置与顶点的水平距离 268
width宽度属性 268
height高度属性 269
z-index设置层先后覆盖的顺序 270
clip设置裁切区域 271
overflow层的溢出控制 271
visibility设置嵌套层的显示 272
float浮动对象 273
clear限制浮动对象 274
filter滤镜属性 275
filter:alpha（）透明层次滤镜效果 276
filter:blur（）模糊滤镜效果 277
filter:chroma（）特定颜色的透明效果 278
filter:dropshadow（）阴影滤镜效果 278
filter:fliph水平翻转滤镜效果 279
filter:flipv垂直翻转滤镜 280
filter:glow（）边缘光晕滤镜效果 280
filter:gray灰度滤镜效果 281
filter:invert将颜色的饱和度及亮度反转的滤镜效果 281
filter:mask（）遮罩滤镜效果 282
filter:shadow（）渐变阴影滤镜效果 283
filter:wave（）波浪变形滤镜效果 283
filter:xray X光片滤镜效果 284
filter:blendtrans（duration＝）融合转换滤镜效果 285
filter:revealtrans（duration＝，transition＝）切换滤镜效果 289
cursor设置光标形状 291
cursor:url（）设置自定义光标样式 293
white-space设置处理空白元素 294
第12章 应用与扩展 302
〈！-- --〉HTML文档注释 302
〈SCRIPT language＝″″〉嵌入Script语言 303
〈SCRIPT src＝″″〉定义Script语言的URL 304
〈NOSCRIPT〉浏览器不支持脚本时所显示的内容 305
〈OBJECT〉嵌入ActiveX控件 305
〈PARAM〉传递参数 307
〈OBJECT align＝″″〉设置ActiveX控件与文字的对齐方式 308
〈OBJECT hspace＝″″vspace＝″″〉设置ActiveX控件的水平边距与垂直边距 309
第13章 DIV+CSS网页布局 312
一、标准布局方式 312
使用Web标准的好处 313
内容、结构和表现 313
二、实例应用1 314
三、实例应用2 337
附录A 长度和百分比单位的介绍 360
附录B 色值 362