第1章 HTML与CSS网页设计概述 1
1.1 WWW的基本概念 1
1.2 浏览器 2
1.3 网页制作入门 2
1.3.1 HTML简介 2
1.3.2 CSS简介 4
1.4 HTML文件的编写方法 4
1.4.1 使用记事本手工编写HMTL文件 4
1.4.2 使用Dreamweaver编写HTML文件 6
1.5 HTML基本语法 11
1.5.1 标记语法 11
1.5.2 属性语法 12
1.6 HTML的基本结构 12
1.6.1 ＜html＞标签 12
1.6.2 ＜head＞标签 12
1.6.3 ＜body＞标签 15
1.6.4 ＜！-- --＞标签 15
1.6.5 HTML5语法的变化 15
1.7 综合案例——第一个网页 17
小结 18
习题 18
第2章 HTML网页文档结构 23
2.1 页面布局元素 23
2.1.1 换行标签＜br＞ 24
2.1.2 强制不换行标签＜nobr＞ 25
2.1.3 自动换行标签＜wbr＞ 25
2.1.4 分段控制标签＜p＞ 27
2.1.5 原样显示文字标签＜pre＞ 28
2.1.6 居中对齐标签＜center＞ 29
2.1.7 引文标签＜blockquote＞ 29
2.1.8 水平分隔线标签＜hr＞ 30
2.1.9 署名标签＜address＞ 31
2.1.10 特殊字符 32
2.2 字体属性 34
2.2.1 标题文字标签＜hn＞ 34
2.2.2 文字格式控制标签＜font＞ 35
2.2.3 特定文本标签 36
2.3 HTML5结构元素 37
2.3.1 header元素 38
2.3.2 nav元素 39
2.3.3 aside元素 39
2.3.4 article元素 40
2.3.5 section元素 41
2.3.6 footer元素 42
2.4 综合案例 43
小结 44
习题 44
第3章 HTML网页中元素和属性 45
3.1 列表元素 45
3.1.1 无序列表＜ul＞ 45
3.1.2 有序列表＜ol＞ 47
3.1.3 描述性列表＜dl＞、＜dt＞、＜dd＞ 49
3.2 图像标记 50
3.2.1 背景图案的设定 50
3.2.2 网页中插入图像 51
3.2.3 ＜img＞标签属性的使用 51
3.3 HTML5中的页面元素及属性 54
3.3.1 分组元素 54
3.3.2 页面交互元素 57
3.3.3 文本层次语义元素 59
3.3.4 全局元素 61
3.4 综合案例 64
小结 67
习题 67
第4章 用HTML建立超链接 69
4.1 初步认识超链接 69
4.2 初步认识超链接的标记 69
4.2.1 超链接的基本标记 70
4.2.2 创建文本超链接 70
4.2.3 超链接的目标页面 72
4.2.4 内部链接 72
4.3 书签链接 74
4.3.1 建立书签 75
4.3.2 同一页面的书签链接 76
4.3.3 不同页面的书签链接 78
4.4 设置不同的链接对象 79
4.4.1 设置外部链接：链接HTTP页面 79
4.4.2 设置电子邮件、FTP和Telnet的链接 80
4.5 网页中的锚点 82
4.5.1 设定锚点 82
4.5.2 链接到锚点 83
4.6 综合案例 89
小结 90
习题 90
第5章 HTML5中的音频和视频 92
5.1 ＜audio＞标签概述 92
5.1.1 ＜audio＞标签概述 92
5.1.2 ＜audio＞标签的属性 93
5.1.3 audio标签浏览器的支持情况 93
5.2 在网页中添加音频文件 94
5.2.1 添加自动播放音频文件 94
5.2.2 添加带有控件的音频文件 94
5.2.3 添加循环播放的音频文件 95
5.2.4 添加预播放的音频文件 96
5.3 ＜video＞标签概述 97
5.3.1 ＜video＞标签概述 97
5.3.2 ＜video＞标签的属性 98
5.3.3 浏览器对＜video＞标签的支持情况 99
5.4 在网页中添加视频文件 99
5.4.1 添加自动播放的视频文件 99
5.4.2 添加带有控件的视频文件 100
5.4.3 添加循环播放的视频文件 101
5.4.4 添加预播放的视频文件 101
5.4.5 设置视频文件的高度与宽度 102
5.5 综合案例 103
小结 104
习题 104
第6章 用HTML建立表格 106
6.1 创建表格 106
6.1.1 表格的基本构成＜table＞、＜tr＞、＜td＞ 106
6.1.2 设置表格的标题＜caption＞ 108
6.1.3 表头＜th＞ 109
6.2 表格基本属性 111
6.2.1 表格宽度width 111
6.2.2 表格高度height 111
6.2.3 表格对齐方式align 111
6.3 表格的边框 113
6.3.1 表格边框宽度border 113
6.3.2 表格边框颜色bordercolor 113
6.3.3 内框宽度cellspacing 113
6.3.4 表格内文字与边框间距cellpadding 113
6.4 表格背景 114
6.4.1 表格背景颜色bgcolor 114
6.4.2 表格背景图像background 115
6.5 表格的行属性 116
6.5.1 高度控制height 116
6.5.2 边框颜色bordercolor 117
6.5.3 行背景bgcolor、background 117
6.5.4 行文字的对齐方式align、valign 117
6.6 单元格属性 118
6.6.1 单元格大小width、height 118
6.6.2 水平跨度colspan 118
6.6.3 垂直跨度rowspan 118
6.6.4 对齐方式aling、valign 120
6.6.5 单元格的背景色bgcolor 120
6.6.6 单元格的边框颜色bordercolor 120
6.6.7 单元格的亮边框bordercolorlight 120
6.6.8 单元格的暗边框bordercolordark 120
6.6.9 单元格的背景图像background 121
6.7 表格的结构 122
6.7.1 表格的表首标记＜thead＞ 122
6.7.2 表格的表主体标记＜tbody＞ 122
6.7.3 表格的表尾标记 122
6.8 综合案例 124
小结 126
习题 126
第7章 浮动与定位 130
7.1 元素的浮动 130
7.1.1 元素的浮动属性float 130
7.1.2 清除浮动 135
7.2 overflow属性 137
7.3 元素的定位 139
7.3.1 元素的定位属性 139
7.3.2 静态定位static 139
7.3.3 相对定位relative 140
7.3.4 绝对定位absolute 142
7.3.5 固定定位fixed 143
7.3.6 z-index层叠等级属性 144
7.4 元素的类型与转换 144
7.4.1 元素的类型 144
7.4.2 ＜span＞标记 145
7.4.3 元素的转换 145
7.5 综合案例——制作产品列表效果 146
小结 148
习题 148
第8章 表单的应用 150
8.1 认识表单 150
8.1.1 表单的构成 151
8.1.2 表单属性 151
8.2 input元素及属性 152
8.2.1 input元素的type属性 152
8.2.2 input元素的其他属性 153
8.3 其他表单元素 154
8.3.1 单行文本域text 154
8.3.2 多行文本域textarea 154
8.3.3 密码域password 154
8.3.4 单选按钮radio 154
8.3.5 复选框checkbox 155
8.3.6 列表／菜单select 155
8.3.7 普通按钮button 155
8.3.8 提交按钮submit 155
8.3.9 重置按钮reset 155
8.3.10 输入框的选项列表datalist 156
8.3.11 密钥生成器keygen 156
8.3.12 output元素 157
8.4 综合案例——用户注册表单 158
小结 161
习题 161
第9章 框架的应用 163
9.1 框架概述 163
9.2 框架的基本结构 163
9.3 设置框架 164
9.3.1 设置框架源文件属性src 165
9.3.2 添加框架名称name 165
9.3.3 设置框架边框frameborder 165
9.3.4 显示框架滚动条scrolling 165
9.3.5 调整框架尺寸noresize 165
9.3.6 设置框架边缘宽度与高度marginwidth、marginheight 165
9.3.7 添加不支持框架标记noframes 166
9.4 设置框架集＜frameset＞ 167
9.4.1 左右分割边框cols 167
9.4.2 上下分割边框rows 168
9.5 浮动框架＜iframe＞ 168
9.5.1 设置浮动框架源文件属性src 168
9.5.2 添加浮动框架名称name 168
9.5.3 设置浮动框架的宽度和高度width、height 169
9.6 在框架上建立链接 169
9.6.1 普通框架添加链接 170
9.6.2 浮动框架添加链接 171
9.7 综合案例——框架网页 172
小结 174
习题 175
第10章 CSS样式表 176
10.1 CSS概述 176
10.1.1 CSS发展历史 176
10.1.2 CSS的特点 177
10.1.3 CSS3浏览器支持情况 177
10.2 CSS核心基础 178
10.2.1 CSS样式规则 178
10.2.2 引入CSS样式表 180
10.2.3 CSS选择器 184
10.3 CSS文本样式属性 188
10.3.1 字体样式属性 188
10.3.2 文本属性 192
10.4 综合案例——使用CSS布局网页 194
小结 195
习题 195
第11章 CSS3选择器 198
11.1 属性选择器 198
11.1.1 E［att∧＝value］属性选择器 198
11.1.2 E［att$＝“value”］属性选择器 199
11.1.3 E［*＝“value”］属性选择器 200
11.2 关系选择器 201
11.2.1 子代选择器（＞） 202
11.2.2 兄弟选择器（＋、～） 202
11.3 结构化伪类选择器 205
11.3.1 :root选择器 205
11.3.2 :not选择器 206
11.3.3 :only-child选择器 207
11.3.4 :first-child和:last-child选择器 208
11.3.5 :nth-child（n）和:nth-last-of-child（n）选择器 209
11.3.6 :nth-of-type（n）和:nth-last-of-type（n）选择器 210
11.3.7 :empty选择器 211
11.3.8 target选择器 212
11.4 伪元素选择器 214
11.4.1 :before选择器 214
11.4.2 :after选择器 214
11.5 ＜／html＞链接伪类 215
11.6 综合案例——CSS选择器应用 215
小结 217
习题 217
第12章 CSS盒子模型 219
12.1 盒子模型概述 219
12.1.1 认识盒子模型 219
12.1.2 ＜div＞标记 220
12.1.3 盒子的宽与高 221
12.2 盒子模型相关属性 222
12.2.1 边框属性 222
12.2.2 边距属性 223
12.2.3 box-shadow属性 224
12.2.4 box-sizing属性 225
12.3 背景属性 226
12.3.1 background-color设置背景颜色 226
12.3.2 background-image设置背景图像 226
12.3.3 opacity背景与图像不透明度的设置 226
12.3.4 background-repeat设置背景图像平铺 228
12.3.5 background-position设置背景图像的位置 229
12.3.6 background-attachment设置背景图像固定 229
12.3.7 background-size设置背景图像的大小 230
12.3.8 background-origin设置背景的显示区域 231
12.3.9 background-clip设置背景图像的裁剪区域 232
12.3.10 设置多重背景图像 234
12.3.11 背景复合属性 235
12.4 CSS3渐变属性 235
12.4.1 ＜html＞标签 236
12.4.2 径向渐变 236
12.4.3 repeating gradient重复渐变 237
12.5 综合案例 239
小结 240
习题 240
第13章 CSS3高级应用 243
13.1 CSS3过渡 243
13.1.1 transition-property属性 244
13.1.2 transition-duration属性 245
13.1.3 transition-timing-function属性 246
13.1.4 transition-delay属性 248
13.1.5 transition属性 248
13.2 CSS3动画 249
13.2.1 @keyframes 249
13.2.2 animation-name属性 250
13.2.3 animation-duration属性 251
13.2.4 animation-timing-function属性 252
13.2.5 animation-delay属性 253
13.2.6 animation-direction属性 254
13.2.7 animation-iteration-count属性 255
13.2.8 animation属性 255
13.3 CSS3变形 255
13.3.1 transform属性 255
13.3.2 2D转换方法 256
13.3.3 3D转换方法 262
13.4 综合实例 264
小结 267
习题 267