Part 1 HTML与XHTML 2
认识HTML 2
何谓HTML 2
HTML网页的编写 2
HTML文件的组成 3
标签、元素、属性与属性值 4
元素的分类 7
认识XHTML 19
何谓XHTML 19
XHTML的组成 19
XHTML与HTML的不同 21
整体构造 25
html 25
最顶层元素（top elements） 25
head 26
文件标头的信息包含元素（document head elements） 26
title 28
文件标题名称元素（document title） 28
meta 29
附加文件的额外信息（meta information） 29
body 31
文件主体元素（document body） 31
h1～h 6
标题级别元素（headings level 1～6） 35
address 37
作者的联系信息（address） 37
div 38
通用区块元素（division） 38
span 40
通用线内元素（text span） 40
文字元素 42
abbr 42
省略语句（abbreviation） 42
acronym 43
首字母缩写（acronym） 43
em 44
强调内容（emphasis） 44
strong 45
加重强调内容（strong emphasis） 45
dfn 46
定义名称（defining term） 46
kbd 47
键盘文字输入（keyboard input） 47
samp 48
范例输出（sample text） 48
code 49
源代码输出（computer code） 49
var 50
标识变量与自变量（variable） 50
cite 51
引证、引用（citation） 51
blockquote 52
引用区块（block quote） 52
q 54
简短的引用（qute） 54
sup 56
上标字（superscript） 56
sub 57
下标字（subscript） 57
p 58
通用区块元素（paragraph） 58
br 61
强制换行（break） 61
ins 63
插入编辑文字（inserted text） 63
del 65
删除编辑文字（deleted text） 65
pre 67
保持原始格式（preformatted text） 67
plaintext 69
不运行元素标签（plaintext） 69
xmp 70
保持文件格式且不运行元素标签（example） 70
样式与配置元素 71
b 71
粗体字（blod text） 71
i 72
斜体字（italic text） 72
big 73
放大字体（big font） 73
small 74
缩小字体（small font） 74
strike 75
删除线A（strike-through text） 75
s 76
删除线B（strike-through text） 76
u 77
下划线（underlined text） 77
tt 78
等宽字体（teletype text） 78
basefont 79
默认字体（base font） 79
font 81
部分字体设置（font definition） 81
center 83
居中排列（center alignment） 83
hr 84
分隔线（horizontal rule） 84
项目元素 86
ul 86
无序列表（unordered list） 86
ol 89
有序编号列表（ordered list） 89
li 91
列表项目（list item） 91
dl 94
定义列表（definition list） 94
dt 95
定义项目（definition term） 95
dd 96
定义说明（definition description） 96
dir 98
目录列表（directory list） 98
menu 100
选项列表（menu list） 100
链接元素 102
a 102
超链接（anchor） 102
link 108
文件资源关联（link to external files） 108
base 110
文件链接基准（document base URI） 110
图片与对象元素 112
img 112
图片（image） 112
object 118
嵌入对象（embedded object） 118
param 121
参数传递（parameter） 121
applet 123
配置JAVA程序（java applet） 123
map 125
影像地图（client-side image map） 125
area 127
切割影像地图（image map area） 127
表格元素 129
table 129
表格（table） 129
thead 133
表格表头（table header） 133
tfoot 134
表格页底（table footer） 134
tbody 135
表格主体（table body） 135
tr 138
表格行（table row） 138
td 140
表格数据单元格（table data cell） 140
th 144
表格标题单元格（table header cell） 144
caption 147
表格标题（table caption） 147
colgroup 149
字段分组（table column group） 149
col 151
列属性设置（table column） 151
表单元素 153
form 153
表单（interactive form） 153
input 155
表单输入字段（input from field） 155
button 161
按钮（button） 161
select 164
选择列表（select list） 164
option 165
选择列表中的项目（option in selection list） 165
optgroup 168
选项的分组（option group） 168
isindex 170
搜索的输入框（isindex prompt） 170
textarea 171
多行文字输入框（multiline text field） 171
label 173
表单字段的标签（form field label） 173
fieldset 175
表单字段的分组（form field set） 175
legend 176
表单字段的标签（field set legend） 176
框架元素 178
frameset 178
框架分割设置（frame set definition） 178
frame 179
框架内容（frame） 179
noframes 185
提供不支持框架的浏览器应用（no frame） 185
iframe 186
线内框架（inline frame） 186
注音标注元素 191
ruby 191
注音标注（ruby） 191
rb 192
注音标注的对象（ruby base） 192
rt 193
标注文字（ruby text） 193
rp 194
标注无法对应时所显示的括号（ruby parenthesses） 194
其他元素 196
script 196
脚本语言（script） 196
noscript 199
无法运行脚本程序时的替代内容（nosprict） 199
style 200
样式信息（style info） 200
bdo 203
改变文字显示方向（bidirectional override） 203
nobr 204
禁止断行（no break） 204
wbr 205
可断行处（word break） 205
marquee 206
跑马灯（marquee） 206
blink 208
点灭文字（blinking text） 208
multicol 209
多重字段（multicol） 209
embed 210
内嵌对象（embedded object） 210
bgsound 212
背景音乐（background sound） 212
spacer 214
空白空间（spacer） 214
全体通用属性 216
ID 216
元素识别名称 216
class 216
元素类别名称 216
title 216
元素的补充数据 216
style 217
元素样式设置 217
lang 217
语言码设置 217
dir 217
设置元素标签属性的文字走向 217
xml:lang 218
语言码设置 218
Part 2 CSS 220
认识CSS 220
CSS的优势 220
CSS的声明原则 221
CSS的属性值 222
CSS的元素模型（box） 226
CSS的选择器 227
文字样式 233
font-family 233
指定字体 233
color 235
指定文字颜色 235
font-style 238
指定字体的样式（斜体） 238
font-weight 240
指定字体的粗细（粗体） 240
font-size 242
指定文字的大小 242
font-variant 244
小型的大写字体（small-caps） 244
font 245
复合指定文字相关的属性 245
段落样式 247
text-indent 247
首行缩进 247
text-align 249
对齐段落 249
text-decoration 251
装饰文字 251
text-transform 253
设置文字的大小写 253
letter-spacing 254
指定字符间距 254
word-spacing 255
指定英文单字间距 255
white-space 256
空格、Tab、换行的处理 256
背景样式 259
background-color 259
指定背景色 259
background-image 262
指定背景图片 262
background-repeat 265
指定背景图片的排列方式 265
background-attachment 268
固定背景图片的位置 268
background-position 270
指定背景图片的位置 270
background 273
复合指定背景相关的属性 273
边界样式 275
margin-top 275
指定上边界 275
margin-bottom 276
指定下边界 276
margin-left 277
指定左边界 277
margin-right 278
指定右边界 278
margin 279
复合指定边界相关的属性 279
框线样式 281
border-top-width border-right-width border-bottom-width border-left-width指定框线粗细（上、下、左、右4个边） 281
border-top-color border-right-color border-bottom-color border-left-color指定框线颜色（上、下、左、右4个边） 283
border-top-style border-right-style border-bottom-style border-left-style指定框线样式（上、下、左、右4个边框线样式） 285
border-top border-right border-bottom border-left同时指定框线粗细、颜色、样式（上、下、左、右4个边） 287
border-width 290
同时指定框线粗细 290
border-style 292
同时指定框线样式 292
border-color 294
同时指定框线颜色 294
border 296
综合设置框线的粗细、样式、颜色 296
边距样式 298
padding-top 298
指定上边距 298
padding-bottom 300
指定下边距 300
padding-left 302
指定左边距 302
padding-right 304
指定右边距 304
padding 306
复合指定边距相关的属性 306
位置样式 308
position 308
指定元素的位置配置方式 308
top 311
指定上方位置 311
left 313
指定左方位置 313
bottom 315
指定下方位置 315
right 317
指定右方位置 317
float 319
指定图文串排的配置 319
clear 321
解除图文串排的配置 321
overflow 323
超出显示范围的内容处理 323
z-index 325
设置堆叠顺序 325
display 327
指定元素显示的形式 327
unicode-bidi 329
指定文字的读写方向 329
direction 331
指定文字的显示方向 331
vertical-align 333
指定垂直对齐的位置 333
visibility 336
显示与隐藏 336
长宽样式 338
line-height 338
指定行高 338
width 340
指定宽度 340
height 342
指定高度 342
max-width 344
指定最大宽度 344
max-height 345
指定最大高度 345
min-width 346
指定最小宽度 346
min-height 347
指定最小高度 347
项目样式 348
list-style-type 348
指定项目符号的种类 348
list-style-image 351
指定图片作为项目符号 351
list-style-position 353
指定项目符号的排列位置 353
list-style 355
复合指定项目相关的属性 355
表格样式 357
table-layout 357
表格显示的设置 357
border-collapse 359
单元格框线显示的设置 359
border-spacing 361
指定单元格间距 361
caption-side 363
指定表格标题的位置 363
empty-cells 365
隐藏与显示空白单元格的框线 365
内容追加样式 367
content 367
追加元素标签内容 367
quotes 369
追加嵌套标记 369
counter-increment 371
递增连续号码的值 371
counter-reset 373
重新设置连续号码的值 373
outline-width 375
指定外框的宽度 375
outline-style 377
指定外框的样式 377
outline-color 379
指定外框的颜色 379
outline 381
复合指定外框相关的属性 381
cursor 383
指定鼠标指针的形状 383
附录 386
附录A 浏览器与元素、属性对应表 386
附录B 网页安全色 403
Index 字母索引 407
基础XHTML文件结构basic_xhtml.html 25
包含title子元素的head元素标签head_basic.html 26
包含meta子元素的head元素标签head_meta.html 27
包含script子元素的head元素标签head_script.html 27
指定title元素标签的lang属性title_lang.html 28
为文件加入关键字、作者、内容简介等附加信息meta_name.html 29
不让robot型搜索引擎登录网页文件，并说明文件所使用的编码与语言meta_robot.html 30
为在指定的时间过后（本例为10秒），自动跳转浏览的网页页面meta_refresh.html 30
指定网页文件的背景颜色body_bgcolor.html 32
指定网页文件的背景图案body_backgroud.html 32
指定网页文件的全体文字、超链接文字颜色body_text.html 33
指定网页文件内容的上、左空白边界body_margin.html 33
指定网页文件的背景为浮水印图案body_fixed.html 34
指定文件内容的标题级别（大小）hn.html 35
指定文件内容的标题级别对齐方式hn_align.html 36
设置标题级别的样式hn_style.html 36
在网页文件内容中放置作者联系信息address.html 37
指定div元素的识别符div.html 38
指定div元素标签内容的对齐方式div_align.html 39
设置div元素标签内容的样式div_style.html 39
指定span元素的识别符span.html 40
利用span元素标签设置段落内部分文字的网底div_bg.html 41
利用span元素标签设置段落内部分文字的样式span_style.html 41
显示被省略的文件内容abbr.html 42
显示首字母缩写的完整单词acronym.html 43
文章部分内容的强调em.html 44
文章部分内容二段式的强调strong.html 45
指定文章中的定义名称dfn.html 46
指定用户利用键盘输入数据kbd.html 47
输出一段错误信息的内容samp.html 48
输出一段错误信息的内容code.html 49
标识程序代码中的变量var.html 50
标识文件内容的引证来源cite.html 51
建立引用文区块blockquote.html 52
加注引用文区块的来源URI blockquote_cite.html 53
设置引用文区块的样式blockquote_style.html 53
建立简短的引用文q.html 54
加注简短引用文的来源URI q_cite.html 55
设置简短引用文的样式q_style.html 55
编写数学方程式sup.html 56
编写化学方程式sub.html 57
建立文件内容的段落p.html 58
指定p元素标签内容的对齐方式p_align.html 59
设置p元素标签的段落样式p_style.html 60
段落中强迫文字换行br.html 61
图片的强迫换行br_img.html 62
解除文字对图片的围绕br_clear.html 62
标识新增的文件编辑内容ins.html 63
指定新增内容或新增原因的URI与时间ins_cite.html 64
指定新增内容的补充说明与时间ins_title.html 64
标识删除的文件编辑内容del.html 65
指定删除内容或删除原因的URI与时间del_cite.html 66
指定删除内容的补充说明与时间del_title.html 66
保持文字格式pre.html 67
原始格式文字内的特殊符号与标签pre_other.html 68
不运行元素标签的保持文字格式plaintext.html 69
不运行元素标签，但保持文字格式xmp.html 70
将文字设置为粗体b.html 71
将文字设置为斜体i.html 72
将文字放大显示big.html 73
将文字缩小显示small.html 74
为文字加上删除线（A）strike.html 75
为文字加上删除线（B）s.html 76
为文字加上下划线u.html 77
将“标签属性”中的文字设置成等宽字体tt.html 78
指定默认文字大小basefont_size.html 79
指定默认文字大小与颜色basefont_color.html 80
指定默认文字大小与字体basefont_face.html 80
指定文字大小font_size.html 82
指定文字大小与颜色font_color.html 82
指定文字大小与字体font_face.html 82
指定标签内容为居中排列center.html 83
建立分隔线hr.html 85
指定分隔线宽度、颜色与排列方式hr_color.html 85
指定分隔线粗细、非立体与样式hr_style.html 85
建立无序列表ul.html 87
空心圆点○符号的无序列表ul_circle.html 87
实心方块■符号的无序列表ul_square.html 87
层次式无序列表ul_3.html 88
无序列表的样式设置ul_style.html 88
建立有序编号列表ol.html 90
设置有序列表的编号样式ol_type.html 90
设置有序列表的编号起始值ol_start.html 90
设置列表项目li.html 92
个别指定列表项目的符号li_type.html 92
个别指定列表项目的编号、起始值与样式li_value.html 93
定义列表、项目、说明dd.html 96
定义项目、说明的样式设置dd_style.html 97
以CSS样式表设置定义列表的样式dd_css.html 97
建立目录列表dir.html 98
建立选项列表menu.html 100
建立文件的文字超链接a.html 103
为文字超链接加入补充说明a_title.html 104
快速跳跃相同文件中的阅读位置a_name.html 104
建立电子信箱（E-mail）的超链接a_mail.html 105
跳转到不同文件中的阅读位置a_href.html 105
文件下载的超链接设置a_file.html 106
利用快捷键选定超链接a_accesskey.html 107
在新窗口打开超链接目标a_target.html 107
建立目前文件与前后文件的资源关联link.html 109
关联外部CSS层叠样式表文件link_css.html 109
设置文件中所有相对URI的基准URI base_href.html 110
指定基准的框架目标或目标窗口base_target.html 111
指定图片的大小img_size.html 113
指定图片的替代文字img_alt.html 114
去除图片超链接的边框img_border.html 114
配置图片与文字水平方向的对应关系img_align.html 115
配置图片与文字垂直方向的对应关系img_valign.html 115
配置图片垂直与水平的空白宽度img_hvspace.html 116
播放多媒体文件img_dynsrc.html 116
预览图片（低分辨率图片替换）img_lowsrc.html 117
播放MOV影像object.html 120
播放MPEG影像object_mpeg.html 120
传递参数给Java Applet程序param.html 121
传递参数给FLASH程序param_flash.html 122
在文件中配置Java Applet对象applet.html 124
使用a元素建立影像地图map.html 125
建立影像地图操作区area.html 128
建立指定宽度、宽线框度与对齐方式的表格table.html 130
指定表格外框线与内框线table_line.html 131
指定表格的框线颜色table_bordercolor.html 131
指定单元格与单元格内容的间隔table_cellpadding.html 131
指定单元格与单元格间的间隔table_cellspacing.html 132
指定表格的背景图案table_background.html 132
指定表格表头、页底与主体的背景颜色tbody.html 136
指定表格表头、页底与主体的分隔框线tbody_rules.html 137
指定表格水平方向一整行的单元格数据对齐方式tr.html 139
指定表格水平方向一整行的单元格背景颜色tr_bgcolor.html 139
指定单元格的水平宽度与垂直高度td.html 141
设置单元格内数据不自动换行td_nowrap.html 142
单元格的垂直合并td_rowspan.html 142
单元格的水平合并td_colspan.html 143
指定标题单元格的对齐方式th_align.html 145
设置标题单元格的背景颜色th.html 146
合并标题单元格th_span.html 146
设置表格标题caption.html 147
指定表格标题的位置caption_align.html 148
指定表格标题的样式caption_style.html 148
分组化表格字段并指定分组字段的单元格宽度colgroup.html 150
指定分组字段的单元格数据对齐方式与样式colgroup_align.html 150
指定分组表格字段中个别字段的宽度col.html 152
指定个别分组字段的数据对齐方式与样式col_align.html 152
指定表单的数据传送对象与传送方式form.html 154
表单寄信form_mail.html 154
单行文字输入字段type_text.html 157
单选按钮字段type_radio.html 157
可复选的复选框字段type_checkbox.html 158
密码输入字段type_password.html 158
文件选择字段type_file.html 159
传送按钮type_submit.html 159
重置按钮type_reset.html 160
图片传送按钮type_image.html 160
配置传送与重置按钮button.html 162
配置图片标签式按钮button_image.html 162
应用按钮事件运行Script_button_script.html 163
建立选择列表option.html 166
选择列表方块option_size.html 166
可复选的选择列表框option_multiple.html 167
建立分组的选择列表项目optgroup.html 168
分组选项的选择列表框optgroup_size.html 169
建立搜索字词输入的单行文字输入框isindex.html 170
配置多行文字输入字段textarea.html 172
配置数据不自动换行的多行文字输入字段textarea_wrap.html 172
设置多行文字输入字段的背景图案textarea_image.html 172
将字段文字设置成字段的一部分label.html 173
将字段文字设置成字段的一部分label.html 174
将label元素的标签内容指定成为字段文字label_for.html 174
建立表单字段分组legend.html 176
改变分组标题的显示位置与分组外观legend_align.html 177
建立垂直切割的左右框架窗口frameset_v.html 180
建立水平切割的上下框架窗口frameset_h.html 181
去除框架边界线frameset_frameborder.html 181
设置框架间的距离frameset_spacing.html 182
设置框架边界的颜色frameset_bodercolor.html 182
设置框架窗口出现滚动条frame_scrolling.html 183
设置框架窗口不可改变大小frame_noresize.html 183
设置框架内容的边界frame_margin.html 184
设置超级链接目标框架frame_left.html 184
布置浏览器不支援框架时的替代显示内容noframes.html 185
布置文件中的线内框架iframe_src.html 187
指定布置到文件中的线内框架大小iframe_size.html 188
指定线内框架不出现滚动条iframe_scrolling.html 188
指定线内框架不显示框线iframe_frameborder.html 189
指定线内框架的排列配置iframe_align.html 189
设置超级链接目标为线内框架iframe_target.html 190
为文件内容标注注音ruby.html 194
标注文字样式设置ruby_style.stml 195
显示无法对应标注时所使用的符号ruby_rp.html 195
运行文件中的JavaScript脚本程序script.html 197
加载外部脚本文件在文件中运行script_src.html 198
无法运行脚本程序时以noscript元素的标签内容替代noscript.html 199
在网页文件中加入元素的样式设置style.html 201
指定样式信息作用的输出媒体style_media.html 202
变更文字的显示方向bdo.html 203
禁止文字自动断行nobr.html 204
在禁止断行的范围中设置一个不破坏文字语意的可断行处wbr.html 205
向右移动的跑马灯效果marquee.html 207
跑马灯外观样式设置marquee_style.html 207
点灭效果的文字blink.html 208
将文件内容分栏显示multiclo.html 209
使用embed元素播放Flash动画embed.html 211
使用embed元素播放MP4多媒体文件embed_mp4.html 211
使用embed元素播放AVI影片文件embed_avi.html 211
在网页文件中播放背景音乐bgsound.html 212
在网页文件中循环播放背景音乐bgsound_loop.html 213
设置背景音乐的音量与声道输出bgsound_volume.html 213
在文件中布置空白空间spacer.html 214
指定文字的字体font-family.html 233
使用#rrggbb表示法指定文字的颜色color_rrggbb.html 235
使用类别与#rgb表示法指定文字的颜色color_rgb.html 236
使用类别与rgb（）表示法指定文字的颜色color_rgb().html 236
指定文字为斜体字font-style.html 238
指定字体的粗细font-weight.html 240
指定文字的大小font-size.html 242
指定文字成为小型的大写字体font-variant.html 244
同时指定文字的大小与字体font-46.html 245
同时指定文字的相关属性font-all.html 246
指定首行缩排的距离text-indent.html 247
指定段落内文的排列方式text-align.html 249
为文字加上装饰效果text-decoration.html 251
指定英文字的大小写text-transform.html 253
指定字符间的距离letter-spacing.html 254
指定单字间的距离word-spacing.html 255
按原始格式显示文件内容white-space.html 256
连续空格、Tab、换行以一个半角空格替代并自动换行white-space-normal.html 257
连续空格、Tab、换行以一个半角空格替代并不自动换行white-space-nowrap.html 258
指定网页文件与段落的背景颜色background-color.html 259
指定表格的背景颜色background-color-table.html 261
为网页加上背景图案background-image.html 262
为表格加上背景图案background-image-table.html 263
为表单字段加上背景图案background-image-form.html 264
单张显示背景图片background-repart.html 265
横向重复显示背景图片background-repart-x.html 266
纵向重复显示背景图片background-repart-y.html 266
格子式重复显示背景图片background-repart-all.html 267
固定纵向重复的背景图片background-attachment.html 268
固定格子式重复的背景图片background-attachment-a.html 269
固定背景图片于正中央background-position.html 271
以百分比指定背景图片于右下方background-position-rb.html 271
指定背景图片于左下方开始水平重复显示background-position-lb.html 272
设置图片在中央重复显示background-245.html 273
设置图片在左上方重复显示且固定位置background-2345.html 274
利用上边界设置使文字与图片重叠margin-top.html 275
设置图片的下边界margin-bottom.html 276
设置网页、标题与图片的左边界margin-left.html 277
设置图片与段落的右边界margin-right.html 278
复合指定边界相关的属性margin.html 279
指定文字段落的四边框线粗细border-4.html 281
指定文字段落的四边框线颜色border-color.html 283
设置框线样式border-style.html 285
同时指定框线粗细、颜色、样式border-all.html 287
同时指定段落四边框线粗细、颜色、样式border-4all.html 288
同时指定框线粗细border-width.html 290
同时指定框线样式border-allstyle.html 292
同时指定框线颜色border-allcolor.html 294
指定全体框线的粗细、样式、颜色allborder.html 296
设置元素标签内容的上边距padding-top.html 298
设置元素标签内容的下边距padding-bottom.html 300
设置元素标签内容的左边距padding-left.html 302
设置元素标签内容的右边距padding-right.html 304
复合指定边距相关的属性padding.html 307
指定段落的绝对、相对配置position.html 308
指定段落的绝对配置且位置固定position-fixed.html 310
指定段落的上方位置top.html 311
指定区块的左方位置left.html 313
指定段落的下方位置bottom.html 315
指定区块的右方位置right.html 317
指定图片的图文串排float.html 319
标题与图片同时图文串排float-h.html 320
解除图片置左的图文串排配置clear-img.html 321
解除左右两侧的图文串排配置clear-both.html 322
隐藏超出显示范围的内容overflow-hidden.html 323
出现滚动条来滚动超出显示范围的内容overflow-scroll.html 324
指定段落的堆叠顺序zindex-p.html 325
指定图片的堆叠顺序zindex-img.html 326
指定表格以线内元素形式显示display-table.html 328
指定文字的读写方向unicode-bidi.html 329
指定文字的显示方向direction.html 331
图片与文字的垂直对齐vertical-align.html 333
td元素的垂直对齐vertical-align-table.html 335
隐藏元素visibility.html 336
指定段落的行高line-height.html 338
指定图片与段落的宽度width.html 340
指定图片与段落的高度height.html 342
指定图片的最大宽度max-width.html 344
指定图片的最大高度max-height.html 345
指定图片的最小宽度min-width.html 346
指定图片的最小高度min-height.html 347
指定项目符号为大写罗马数字list-style-type_cn.html 349
指定项目符号为日本平假名的五十音list-style-type.html 350
使用图片作为项目符号list-style-image.html 351
项目符号的排列位置list-style-position.html 353
指定项目元素的符号、图片与排列位置list-style.html 355
设置表格的显示方式table-layout.html 357
设置单元格框线的显示方式border-collapse.html 359
指定单元格间距border-spacing.html 361
指定表格标题的显示位置caption-side.html 363
隐藏空白单元格的框线empty-cells.html 365
指定追加内容content.html 367
为元素标签内容追加标记quotes.html 369
指定元素的连续递增号码counter-increment.html 371
自动层次编号counter-reset.html 373
指定外框的粗细outline-width.html 375
指定外框的样式outline-style.html 377
指定外框的颜色outline-colon.html 379
同时指定外框的粗细、样式、颜色outline.html 381
改变鼠标指针的形状cursor_a.html 383