第1章 从零开始认识HTML 2
1.1 HTML的基本概念 2
1.2 HTML文件的基本结构 2
1.2.1 HTML文件结构 2
1.2.2编写HTML文件的注意事项 3
1.3编写简单的HTML实例 3
1.3.1使用记事本手工编写HTML页面 3
1.3.2使用Dreamweaver编写HTML页面 4
1.4运行并浏览HTML文件 5
1.4.1查看页面效果 5
1.4.2查看源文件 5
第2章 HTML文件基本标记 7
2.1头部标记head 7
2.2标题标记title 7
2.3元信息标记meta 8
2.3.1定义页面关键字 8
2.3.2定义页面描述 9
2.3.3定义编辑工具 9
2.3.4定义作者信息 10
2.5限制搜索方式 10
2.3.6定义网页文字及语言 11
2.3.7定义网页的定时跳转 11
2.3.8定义网页的过渡效果 13
2.4页面主体标记body 14
2.4.1定义网页背景色bgcolor 14
2.4.2设置背景图片background 15
2.43设置文字颜色text 16
2.4.4设置链接文字属性link 16
2.4.5设置边距margin 19
2.5页面注释标记＜!？＞ 20
2.6实例演练——创建基本的HTML网页 21
第3章 设计网页文本内容 23
3.1设置文字格式 23
3.1.1设置文字大小 23
3.1.2设置标题 24
3.1.3设置字体 25
3.1.4设置文字的颜色 26
3.1.5加大与缩小 27
3.1.6粗体与斜体 29
3.1.7上标与下标 30
3.1.8删除线与下划线 31
3.1.9设置等宽字体 33
3.2设置段落格式 34
3.2.1简单换行 34
3.2.2开始一个新段落 35
3.2.3文字居左、居中与居右 35
3.2.4设置段落的文字方向 36
3.2.5水平线 37
3.2.6不换行 38
3.2.7预定义格式 39
3.2.8长引用 40
3.2.9短引用 41
3.3设置滚动效果 42
3.3.1滚动标记marquee 42
3.3.2滚动方向direction 43
3.3.3滚动方式behavior 43
3.3.4滚动次数loop 44
3.3.5滚动速度scrollamount 46
3.3.6滚动延迟scrolldelay 46
3.3.7滚动区域的背景颜色bgcolor 47
3.3.8滚动背景宽度和高度width、height 48
3.3.9设置空白空间hspace、vspace 49
3.4实例演练——设置网页文本及段落 50
第4章 使用列表 53
4.1使用无序列表 53
4.1.1无序列表标记u1. 53
4.1.2设置无序列表的类型type 54
4.1.3定义列表标记dl 55
4.1.4菜单列表标记menu 56
4.1.5目录列表dir 57
4.2使用有序列表 58
4.2.1有序列表标记o1. 58
4.2.2有序列表的类型type 59
4.2.3有序列表的起始数值start 60
4.3使用嵌套列表 61
4.3.1定义列表的嵌套 61
4.3.2无序列表和有序列表的嵌套 62
4.4实例演练——在网页中添加各种列表 63
第5章 使用图像和多媒体 67
5.1在网页中使用图像 67
5.1.1图像标记img 67
5.1.2设置图像高度height 68
5.1.3设置图像宽度width 69
5.1.4设置图像的边框border 70
5.1.5设置图像水平间距hspace 71
5.1.6设置图像垂直间距vspace 72
5.1.7设置图像的对齐方式align 73
5.1.8设置图像的提示文字alt 74
5.2添加背景音乐 75
5.2.1设置背景音乐bgsound 75
5.2.2设置循环播放次数loop 76
5.3添加多媒体文件 77
5.3.1添加多媒体文件标记embed 77
5.3.2设置自动运行autostart 77
5.3.3设置循环播放loop 78
5.3.4隐藏面板hidden 79
5.4添加其他类型的媒体文件 80
5.4.1插入Flash动画 80
5.4.2插入MP3音乐 80
5.4.3插入ASF视频 81
5.4.4插入Java Applet 82
5.5实例演练——创建丰富多彩的图像和多媒体网页 83
第6章 使用超链接 85
6.1超链接基本知识 85
6.2创建基本超链接 86
6.2.1超链接标记 86
6.2.2设置超链接的目标窗口 87
6.3创建锚点链接 88
6.3.1创建锚点 88
6.3.2链接到同一页面的锚点 89
6.3.3链接到不同页面的锚点 90
6.4创建其他超链接 91
6.4.1链接到外部网站 91
6.4.2创建E-mail链接 92
6.4.3创建Telnet链接 93
6.4.4创建下载文件链接 93
64.5创建脚本链接 94
64.6创建空链接 95
6.5实例演练——在网页中添加各种链接 95
第7章 使用表格显示数据 99
7.1创建表格 99
7.1.1表格的基本构成table、tr、td 99
7.1.2设置表格的标题caption 100
7.1.3表格的表头th 101
7.2设置表格基本属性 102
7.2.1设置表格宽度width 102
7.2.2设置表格高度height 103
7.2.3设置表格对齐方式align 104
7.3设置表格的边框 105
7.3.1表格边框宽度border 105
7.3.2表格边框颜色bordercolor 106
7.3.3内框宽度cellspacing 107
7.3.4表格内文字与边框间距cellpadding 108
7.4设置表格背景 110
7.4.1设置表格背景颜色bgcolor 110
7.4.2设置表格的背景图像 111
7.5设置表格的行属性 111
7.5.1高度的控制height 112
7.5.2边框颜色bordercolor 113
7.5.3行背景bgcolor、background 114
7.5.4行文字的水平对齐方式align 115
7.5.5行文字的垂直对齐方式valign 116
7.6调整单元格属性 117
7.6.1单元格大小width、height 117
7.6.2水平跨度colspan 118
7.6.3垂直跨度rowspan 119
7.6.4对齐方式align、valign 120
7.6.5设置单元格的背景色 121
7.6.6设置单元格的边框颜色bordercolor 122
7.6.7设置单元格的亮边框bordercolorlight 123
7.6.8设置单元格的暗边框bordercolordark 124
7.6.9设置单元格的背景图像background 125
7.7表格的结构 126
7.7.1表格的表首标记＜thead＞ 126
7.7.2表格的表主体标记＜tbody＞ 127
7.7.3表格的表尾标记＜tfoot＞ 128
7.8实例演练——使用表格列举产品信息 129
第8章 使用表单创建交互式网页 133
8.1使用表单标记form 133
8.1.1处理动作action 133
8.1.2表单名称name 134
8.1.3传送方法method 134
8.1.4编码方式enctype 135
8.1.5目标显示方式target 135
8.2插入表单对象 136
8.2.1文字字段text 136
8.2.2密码域password 137
8.2.3单选按钮radio 138
8.2.4复选框checkbox 139
8.2.5普通按钮button 140
8.2.6提交按钮submit 141
8.2.7重置按钮reset 142
8.2.8图像域image 143
8.2.9隐藏域hidden 144
8.2.10文件域file 144
8.3列表／菜单 145
8.3.1下拉菜单 145
8.2列表项 146
8.4文本域标记textarea 148
8.5 id标记 149
8.6实例演练——创建提交表单网页 149
9.1框架简介 155
9.2设置框架集frameset 155
9.2.1水平分割窗口rows 155
92.2垂直分割窗口cols 156
9.2.3嵌套分割窗口 157
9.2.4框架集边框frameborder 158
9.2.5框架集的边框宽度mamespacing 159
9.2.6框架集的边框颜色bordercolor 160
9.3设置框架frame 161
9.3.1框架页面源文件src 161
9.3.2框架名称name 162
9.3.3调整框架窗口的尺寸noresize 163
9.3.4框架边框与页面内容的水平边距 marginwidth 164
9.3.5框架边框与页面内容的垂直边距marginheight 165
9.3.6设置框架滚动条scrolling 165
9.3.7不支持框架标记noframes 166
94浮动框架iframe 167
9.4.1浮动框架的页面源文件src 167
9.4.2浮动框架的宽度和高度width和height 168
9.4.3浮动框架对齐方式align 169
9.4.4框架边框与页面内容的水平边距marginwidth 170
9.框架边框与页面内容的垂直边距 marginheight 171
9.4.6设置浮动框架是否显示滚动条scrolling 172
9.4.7 浮动框架的边框frameborder 174
9.5设置框架中的链接 175
9.5.1设置普通框架结构的链接 175
9.5.2设置浮动框架的链接 179
第10章 使用XHTML 182
10.1 XHTML简介 182
10.1.1什么是XHTML 182
10.1.2为什么要升级到XHTML 182
10.2 XHTML页面结构 183
102.1文档类型声明 183
10.2 ＜html＞元素和名字空间 183
10.2.3网页头部元素 183
10.2.4页面标题元素 184
10.2.5页面主体元素 184
10.3 XHTML语法规范 184
10.3.1 XHTML元素必须是完全嵌套的 184
10.3.2 XHTML文档格式必须规范 185
10.3.3标签名必须是小写的 185
10.3.4所有的XHTML元素都必须有始有终 186
10.3.5用id属性代替name属性 186
10.3.6 DOCTYPE声明是不可缺少的 186
10.3.7属性必须加上英文双引号 187
10.3.8明确所有属性的值 187
10.4在Dreamweaver中编辑XHTML文件 187
10.5将现有的HTML网站转换成XHTML 188
第11章 CSS语法基础 192
11.1 CSS的基本语法结构 192
11.2在网页中添加CSS的方法 192
11.2.1链接外部样式表 193
11.2.2内部样式表 193
11.2.3导入外部样式表 193
11.2.4内嵌样式 194
11.3在Dreamweaver中编写CSS 194
11.4字体属性 196
114.1字体font-family 196
11.4.2字号font-size 197
11.4.3字体风格font-style 198
11.4.4加粗字体font-weight 199
11.4.5变体属性font-variant 200
11.4.6文字修饰text-decoration 201
11.4.7字体复合属性font 202
11.5文本属性 203
11.5.1单词间隔word-spacing 203
11.5.2字母间隔letter-spacing 204
11.5.3水平对齐text-align 205
11.5.4垂直对齐vertical-align 206
11.5.5大小写转换text-transform 207
11.5.6文本缩进text-indent 208
11.5.7文本行高line-height 209
11.5.8文本空格white-space 210
11.5.9文本反排unicode-bidi与direction 211
1.unicode-bidi属性 211
2.direction属性 211
11.6边框属性 212
11.6.1边框样式border-style 212
11.6.2边框宽度border-width 214
11.6.3边框颜色border-color 215
11.6.4边框复合属性border 216
11.7列表属性 217
11.7.1列表类型list-style-type 217
11.7.2项目符号图像list-style-image 218
11.7.3列表位置list-style-position 220
11.7.4列表复合属性list-style 221
11.8定位属性 222
11.8.1定位类型position 222
11.8.2置入位置top、 right、 bottom、 left 222
11.8.3层叠顺序z-index 224
11.84浮动属性float 225
11.85清除属性clear 226
11.86裁切区域clip 227
11.8 7宽度和高度width、 height 228
11.8溢出overflow 230
11.8.9显示属性visibility 232
11.9边界与填充属性 234
11.9.1上边界margin-top 234
11.9.2其他边界margin-bottom、margin-left、margin-right 235
11.9.3边界复合属性margin 236
11.9.4上填充padding-top 237
11.9.5其他填充padding-bottom、 padding-right、padding-left 238
11.9.6填充复合属性padding 239
11.10背景属性 240
11.10.1背景颜色background-color 241
11.10.2背景图像background-image 242
11.10.3背景重复background-repeat 243
11.10.4背景附件background-attachment 245
11.10.5背景位置background-position 245
11.10.6背景复合属性background 247
11.11光标属性cursor 248
11.12扩展滤镜属性 249
11.12.1不透明度alpha 249
11.12.2动感模糊blur 251
11.12.3对颜色进行透明处理chroma 252
11.12.4阴影效果dropShadow 254
11.12.5对象的翻转flipH、flipV 255
11.12.6发光效果glow 256
11.12.7灰度处理gray 257
11.18反相invert 258
11.12.9 X光片效果xray 259
11.12.10遮罩效果mask 260
11.12.11波形滤镜wave 261
11.13实例演练——利用CSS控制网页中的文本 262
第12章 使用CSS+DIV布局网页 267
12.1 Web标准与CSS布局 267
12.1.1什么是Web标准 267
1.结构（Structure） 267
2.表现（Presentation） 267
3.行为（Behavior） 267
12.1.2 CSS布局的优势 268
12.2常见的布局类型 268
12.2.1一列固定宽度 268
12.2.2一列自适应 269
12.2.3两列固定宽度 270
12.24两列宽度自适应 270
12.2.5两列右列宽度自适应 271
12.2.6三列浮动中间宽度自适应 272
12.2.7三行二列居中高度自适应布局 273
第13章 个人博客网站布局 277
13.1博客网站概述 277
13.2博客网站主页布局设计 278
13.3博客网站主页具体制作过程 278
13.3.1导入外部CSS 278
13.3.2制作网页头部分 280
13.3.3制作页面内容部分 282
13.3.4制作页面页脚部分 290
第14章 公司宣传网站的布局 293
14.1企业网站设计分析 293
14.1.1企业网站内容设计 293
14.1.2排版构架 294
14 2各部分设计 295
14.2.1 Logo与顶部导航 295
14.2.2左侧导航 297
14.2.3主体内容 299
14.2.4制作搜索部分 303
14.2.5制作公司新闻 304
14.2.6制作联系我们 304
14.2.7底部版权信息 305
附录 网页制作常见问题解答 307
1.“网页”与“HTML页面”之间以及它们与“主页”和“网站”之间的区别是什么 307
2.为什么Internet上的有些网页开头并没有使用＜html＞标记 307
3.如何制作每隔一定的时间自动刷新本页面 307
4.如何解决有时候在HTML文档中用＜p＞标记换行时与上一行的距离相隔很远的问题 307
5.如何让站点自动跳转到另一页 307
6.怎样将水平线的颜色设置为红色 307
7.如何实现图像从右往左滚动的效果 308
8.怎样提高站点在搜索引擎中被搜索到的机会 308
9.如何避免自己的图片被其他站点利用 308
10.如何为图像添加边框 308
11.如何正确使用图片格式 309
12.放在＜img＞标记的“alt=”后面的信息应多长 309
13.为什么在HTML文档中使用了＜img＞标记，但浏览网页时只看到一个包含“x”的小框 309
14.如何为网页添加背景音乐 309
15.如何在一个站点不同页面间播放同一种声音文件 309
16.如何利用Applet实现翻书动画效果 310
17.如何为文字链接加上文字提示 311
18.如何跳到页面的顶部 311
19.如何防止站点页面被任意链接 311
20.如何让字符不会撑大表格 311
21.设置表格的宽度时，单位选择“像素”或“百分比”有什么区别呢 312
22.为什么表格里的背景不能预览 312
23.为什么有时候表格高度为1时不起作用 312
24.为什么有时候制作一个大表格，加载这个网页时，很长时间都没有任何显示 313
25.如何使网页的表格有一个单元格是可以改变的，而其他单元格保持不变 313
26.如何使鼠标指针经过单元格时改变颜色 313
27.如何避免表单撑开表格 314
28.如何使用脚本来处理表单，何时使用Email，根据什么来选择 314
29.如何清除页面中的框架结构 314
30.div标记与span标记有什么区别 314
31.如何去除浏览器的“滚动条” 315
32.如何让浏览器正确显示Word文件格式 315
33.为什么页面四周有空白 315
34.如何使用Css样式固定字体大小及文本间行距 315
35.如何设置文字与文字之间的间距 315
36.如何去掉链接的下划线 316
37.如何正确对齐文本 316
38.如何解决超链接访问过后hover样式不出现的问题 316
39.如何改变鼠标指针的形状 316
40.如何给某部分内容加边框 317
41.如何让文本垂直居中 317
42.如何让div横向排列 318
43.如何让背景不随文字的移动而移动 318
44.如何解决list-style-image无法准确定位的问题 319
45.为什么无法定义lpx左右高度的容器 319
46.怎样使一个层垂直居中于浏览器中 319
47.如何设置滚动条的颜色 319
48.如何在网页中给文字添加光晕效果 320
49.如何制作图像波浪效果 321
50.如何制作当光标移上时图片渐变的效果 321
51.如果网页链接了一个样式表，样式表指定所有文本为绿色，但在网页的某处有一个span style=″font-colorred″＞标记，则这个标记内的文本将是绿色还是红色 322
52.在一些样式表中，样式规则定义以“#”开始，这是什么，可以在样式表中使用吗 322