Chapter 1 HTML入门基础 2
1.1 什么是HTML 2
1.2 HTML文件的基本结构 2
1.2.1 HTML文件结构 2
1.2.2 编写文件注意事项 3
1.3 HTML文件编写方法 4
1.3.1 使用记事本手工编写HTML页面 4
1.3.2 使用Dreamweaver编写HTML页面 5
1.4 浏览HTML文件 5
1.4.1 查看页面效果 5
1.4.2 查看源文件 6
Chapter 2 HTML文件整体构架标记 10
2.1 头部标记：head 10
2.2 标题标记：title 10
2.3 元信息标记：meta 11
2.3.1 定义页面关键字 11
2.3.2 定义页面描述 12
2.3.3 定义编辑软件 12
2.3.4 定义作者信息 13
2.3.5 限制搜索方式 13
2.3.6 定义网页文字及语言 14
2.3.7 定义网页的定时跳转 14
2.3.8 定义网页的过渡效果 15
2.4 HTML页面主体标记 16
2.4.1 定义网页背景色：bgcolor 16
2.4.2 设置背景图片：background 17
2.4.3 设置文字颜色：text 17
2.4.4 设置链接文字属性：link 18
2.4.5 设置边距：margin 19
2.5 页面注释标记：＜！-- --＞ 20
2.6 综合实例——创建最基本的HTML文件 21
Chapter 3 文字与段落 24
3.1 输入文字内容 24
3.1.1 输入普通文字 24
3.1.2 输入空格符号 25
3.1.3 输入特殊符号 26
3.2 创建标题文字 27
3.2.1 标题文字标记 27
3.2.2 标题文字的对齐方式：align 28
3.3 设置文字的格式 29
3.3.1 设置字体：face 29
3.3.2 设置字号：size 30
3.3.3 设置文字颜色：color 32
3.3.4 设置粗体、斜体、下划线：strong、em、u 33
3.3.5 设置上标与下标：sup、sub 34
3.3.6 设置删除线：strike 35
3.4 设置段落的格式 35
3.4.1 段落标记：p 36
3.4.2 段落的对齐属性：align 37
3.4.3 不换行标记：nobr 38
3.4.4 换行标记：br 38
3.4.5 预格式化标记：pre 39
3.4.6 居中对齐标记：center 40
3.4.7 向右缩进标记：blockquote 41
3.5 水平线标记 42
3.5.1 插入水平线：hr 42
3.5.2 设置水平线宽度与高度属性：width、size 43
3.5.3 设置水平线的颜色：color 44
3.5.4 设置水平线的对齐方式：align 45
3.5.5 去掉水平线阴影：noshade 45
3.6 综合实例——设置页面文本及段落 46
Chapter 4 创建列表 52
4.1 创建无序列表 52
4.1.1 无序列表标记：ul 52
4.1.2 设置无序列表的类型：type 53
4.1.3 定义列表标记：dl 54
4.1.4 菜单列表标记：menu 56
4.1.5 目录列表：dir 57
4.2 创建有序列表 58
4.2.1 有序列表标记：ol 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
Chapter 5 使用图像 68
5.1 网页中常见的图像格式 68
5.2 插入图像并设置图像属性 69
5.2.1 图像标记：img 69
5.2.2 设置图像高度：height 69
5.2.3 设置图像宽度：width 70
5.2.4 设置图像的边框：border 71
5.2.5 设置图像水平间距：hspace 71
5.2.6 设置图像垂直间距：vspace 72
5.2.7 设置图像相对于文字的对齐方式：align 72
5.2.8 设置图像的替代文字：alt 73
5.3 综合实例——创建图文混合排版网页 74
Chapter 6 创建多媒体页面 78
6.1 设置滚动效果 78
6.1.1 滚动标记：marquee 78
6.1.2 滚动方向：direction 79
6.1.3 滚动方式：behavior 81
6.1.4 循环设置：loop 82
6.1.5 滚动速度：scrollamount 83
6.1.6 滚动延迟：scrolldelay 84
6.1.7 滚动区域的背景颜色：bgcolor 85
6.1.8 滚动背景宽度和高度：width、height 86
6.1.9 设置空白空间：hspace、vspace 87
6.2 添加背景音乐 88
6.2.1 设置背景音乐：bgsound 88
6.2.2 设置循环播放次数：loop 89
6.3 添加多媒体文件 90
6.3.1 添加多媒体文件标记：embed 90
6.3.2 设置自动运行：autostart 90
6.3.3 设置循环播放：loop 91
6.3.4 隐藏面板：hidden 92
6.4 添加其他类型的媒体文件 93
6.4.1 插入Flash动画 93
6.4.2 插入MP3音乐 94
6.4.3 插入Java Applet 94
6.5 创建多媒体网页 95
Chapter 7 创建超链接 98
7.1 超链接的基本概念 98
7.2 创建基本超链接 98
7.2.1 超链接标记 98
7.2.2 设置超链接的目标窗口 99
7.3 创建图像的超链接 100
7.3.1 设置普通图像的超链接 100
7.3.2 设置图像热区链接 101
7.4 创建锚点链接 102
7.4.1 创建锚点 103
7.4.2 链接到同一页面的锚点 103
7.4.3 链接到不同页面的锚点 105
7.5 创建其他超链接 106
7.5.1 链接到外部网站 106
7.5.2 创建E-mail链接 107
7.5.3 创建FTP链接 108
7.5.4 创建Telnet链接 109
7.5.5 创建下载文件链接 109
7.5.6 创建脚本链接 110
7.5.7 创建空链接 111
7.6 综合实例——给页面添加各种链接 111
Chapter 8 使用表格 116
8.1 创建并设置表格属性 116
8.1.1 表格的基本标记：table、tr、td 116
8.1.2 表格宽度和高度：width、height 118
8.1.3 表格的标题：caption 118
8.1.4 表格的表头：th 119
8.1.5 表格对齐方式：align 120
8.1.6 表格的边框宽度：border 122
8.1.7 表格边框颜色：bordercolor 123
8.1.8 单元格间距：cellspacing 124
8.1.9 表格内文字与边框距离：cellpadding 125
8.1.10 表格的背景色：bgcolor 126
8.1.11 表格的背景图像：background 127
8.2 表格的行属性 127
8.2.1 行的高度：height 128
8.2.2 行背景颜色和背景图像：bgcolor、background 128
8.2.3 行内元素的水平对齐方式：align 129
8.2.4 行内元素的垂直对齐方式：valign 130
8.3 单元格属性 131
8.3.1 单元格宽度和高度：width、height 131
8.3.2 跨列属性：colspan 131
8.3.3 跨行属性：rowspan 132
8.3.4 对齐方式：align、valign 133
8.3.5 单元格背景颜色和背景图像：bgcolor、background 134
8.3.6 单元格的边框颜色：bordercolor 135
8.3.7 单元格的亮边框：bordercolorlight 136
8.3.8 单元格的暗边框：bordercolordark 137
8.4 表格的结构标记 139
8.4.1 设计表头样式：thead 139
8.4.2 设计表主体样式：tbody 139
8.4.3 设计表尾样式：tfoot 140
8.5 综合实例——使用表格排版网页 141
Chapter 9 使用表单创建交互网页 148
9.1 表单标记：form 148
9.1.1 处理动作：action 148
9.1.2 表单名称：name 148
9.1.3 传送方法：method 149
9.1.4 编码方式：enctype 150
9.1.5 目标显示方式：target 150
9.2 输入标记input 151
9.2.1 文字字段：text 151
9.2.2 密码域：password 152
9.2.3 单选按钮：radio 153
9.2.4 复选框：checkbox 153
9.2.5 普通按钮：button 155
9.2.6 提交按钮：submit 155
9.2.7 重置按钮：reset 156
9.2.8 图像域：image 157
9.2.9 隐藏域：hidden 157
9.2.10 文件域：file 158
9.3 列表／菜单 159
9.3.1 下拉菜单 159
9.3.2 列表项 160
9.4 文本域标记：textarea 162
9.5 ID标记 163
9.6 综合实例——创建网页提交表单 164
Chapter 10 创建框架结构网页 170
10.1 窗口框架简介 170
10.2 设置框架集标记frameset 170
10.2.1 水平分割窗口：rows 170
10.2.2 垂直分割窗口：cols 171
10.2.3 嵌套分割窗口 172
10.2.4 设置边框：frameborder 173
10.2.5 框架的边框宽度：framespacing 174
10.2.6 框架的边框颜色：bordercolor 175
10.3 设置框架标记frame属性 176
10.3.1 框架页面源文件：src 176
10.3.2 框架名称：name 176
10.3.3 调整框架窗口的尺寸：noresize 177
10.3.4 框架边框与页面内容的水平边距：marginwidth 178
10.3.5 框架边框与页面内容的垂直边距：marginheight 179
10.3.6 设置框架滚动条显示：scrolling 180
10.3.7 不支持框架标记：noframes 181
10.4 浮动框架 182
10.4.1 浮动框架的页面源文件：src 182
10.4.2 浮动框架的宽度和高度：width和height 182
10.4.3 浮动框架对齐方式：align 183
10.4.4 框架边框与页面内容的水平边距：marginwidth 183
10.4.5 框架边框与页面内容的垂直边距：marginheight 184
10.4.6 设置浮动框架是否显示滚动条：scrolling 185
10.4.7 浮动框架的边框：frameborder 185
10.5 设置框架中的链接 186
10.5.1 设置普通框架结构的链接 186
10.5.2 设置浮动框架的链接 190
10.6 综合实例——创建上方固定左侧嵌套的框架网页 192
Chapter 11 CSS样式表语法基础 198
11.1 CSS简介 198
11.2 使用CSS 198
11.2.1 CSS的基本语法结构 198
11.2.2 在网页中添加CSS的方法 199
11.3 设置字体属性 200
11.3.1 设置字体：font-family 200
11.3.2 设置字号：font-size 201
11.3.3 设置字体风格：font-style 202
11.3.4 设置加粗字体：font-weight 203
11.3.5 设置变体属性：font-variant 204
11.3.6 设置文字修饰：text-decoration 205
11.3.7 字体复合属性：font 207
11.4 设置文本属性 208
11.4.1 单词间隔：word-spacing 208
11.4.2 字母间隔：letter-spacing 209
11.4.3 水平对齐：text-align 209
11.4.4 垂直对齐：vertical-align 210
11.4.5 大小写转换：text-transform 212
11.4.6 文本缩进：text-indent 213
11.4.7 文本行高：line-height 214
11.4.8 文本空格：white-space 215
11.4.9 文本反排：unicode-bidi与direction 216
11.5 设置背景属性 217
11.5.1 背景颜色：background-color 217
11.5.2 背景图像：background-image 218
11.5.3 背景重复：background-repeat 219
11.5.4 背景附件：background-attachment 220
11.5.5 背景位置：background-position 222
11.5.6 背景复合属性：background 224
11.6 设置边框属性 225
11.6.1 边框样式：border-style 225
11.6.2 边框宽度：border-width 227
11.6.3 边框颜色：border-color 228
11.6.4 边框复合属性：border 230
11.7 设置列表属性 231
11.7.1 列表类型：list-style-type 231
11.7.2 项目符号图像：list-style-image 232
11.7.3 列表位置：list-style-position 233
11.7.4 列表复合属性：list-style 234
11.8 设置定位属性 235
11.8.1 定位类型：position 235
11.8.2 置入位置：top、right、bottom、left 235
11.8.3 层叠顺序：z-index 237
11.8.4 浮动属性：float 238
11.8.5 清除属性：clear 240
11.8.6 裁切区域：clip 241
11.8.7 设置宽度和高度：width height 242
11.8.8 溢出：overflow 244
11.8.9 显示属性：visibility 245
11.9 设置边界与填充属性 247
11.9.1 上边界：margin-top 247
11.9.2 其他边界：margin-bottom、margin-left、margin-right 248
11.9.3 边界复合属性：margin 248
11.9.4 上填充：padding-top 249
11.9.5 其他填充：padding-bottom、padding-right、padding-left 250
11.9.6 填充复合属性：padding 251
11.10 光标属性：cursor 252
11.11 扩展滤镜属性 253
11.11.1 不透明度：alpha 253
11.11.2 动感模糊：blur 254
11.11.3 对颜色进行透明处理：chroma 256
11.11.4 设置阴影：dropShadow 256
11.11.5 对象的翻转：flipH、flipV 258
11.11.6 发光效果：glow 258
11.11.7 灰度处理：gray 259
11.11.8 反相：invert 260
11.11.9 X光片效果：xray 261
11.11.10 遮罩效果：mask 262
11.11.11 波形滤镜：wave 262
11.12 综合实例——利用CSS控制网页中的文本 264
Chapter 12 使用CSS控制网页样式实例 264
12.1 利用CSS设计字体 268
12.1.1 利用CSS固定文本大小 268
12.1.2 制作光晕文字效果 269
12.2 利用CSS设计图片样式 271
12.2.1 光标移上时图片渐变的效果 271
12.2.2 制作图像波浪效果 273
12.3 创建更富灵活性的表格 274
12.3.1 创建阴影表格效果 274
12.3.2 创建半透明的表格效果 275
12.4 设计更酷更炫的表单 277
12.4.1 改变按钮的背景颜色和文字颜色 277
12.4.2 设计文本框的样式 278
12.5 创建有特色的超链接 280
12.5.1 改变超链接文字光标形状 280
12.5.2 为超链接文字加上质感边框 282
12.5.3 制作光晕字效果 283
Chapter 13 使用JavaScript创建特效网页 283
13.1 JavaScript简介 286
13.1.1 什么是JavaScript 286
13.1.2 JavaScript的特点 286
13.2 JavaScript的基本语法 286
13.2.1 常量和变量 287
13.2.2 表达式和运算符 288
13.2.3 基本语句 289
13.2.4 函数 293
13.3 JavaScript事件 293
13.3.1 onClick事件 293
13.3.2 onchange事件 294
13.3.3 onSelect事件 294
13.3.4 onFocus事件 295
13.3.5 onLoad事件 296
13.3.6 onUnLoad事件 297
13.3.7 onMouseOver事件 297
13.3.8 onMouseOut事件 300
13.3.9 其他常用事件 303
13.4 JavaScript内部对象 304
13.4.1 naVigator对象 304
13.4.2 document对象 305
13.4.3 windows对象 307
13.4.4 location对象 309
13.4.5 history对象 309
13.5 利用JavaScript制作特效综合实例 310
13.5.1 实例1——制作动态显示当前时间效果 310
13.5.2 实例2——随鼠标移动的图像 312
13.5.3 实例3——禁止鼠标右击 315
13.5.4 实例4——显示访客登录信息的窗口 317
13.5.5 实例5——给页面加密 320
13.5.6 实例6——制作图片循环隐现效果 321
13.5.7 实例7——制作变色的表格效果 324
Chapter 14 使用记事本创建网页 326
14.1 新建文件 326
14.2 用记事本创建完整网页 327
Chapter 15 使用Drearmweaver创建网页 327
15.1 网页效果展示 332
15.2 创建本地站点 333
15.3 新建网页文档 334
15.4 插入头部内容 335
15.5 设置页面属性 336
15.6 插入表格布局网页 337
15.7 插入文本内容 340
15.8 插入图像 341
15.9 插入多媒体 344
15.10 插入表单 347
15.11 创建和应用CSS样式表 352
15.12 利用JavaScript创建特效 355
15.13 保存浏览网页 357