第1章 HTML基础 2
1.1 认识HTML 2
1.2 HTML基础 2
1.2.1 HTML概述 3
1.2.2 HTML文档结构 3
1.2.3 HTML基本语法 4
1.2.4 HTML标签 7
1.2.5 HTML属性 14
1.3 XHTML基础 18
1.3.1 XHTML概述 18
1.3.2 XHTML文档结构 19
1.3.3 XHTML基本语法 20
1.3.4 XHTML文档类型分类 21
1.3.5 XHTML文档类型详解 23
1.3.6 XHTML名字空间 25
1.4 HTML 5基础 27
1.4.1 HTML 5语法 27
1.4.2 HTML 5元素 30
1.4.3 HTML 5属性 36
1.4.4 HTML 5全局属性 39
1.5 综合训练 41
1.5.1 实训1:设计一个自我介绍的简单页面 41
1.5.2 实训2:解决网页乱码现象 42
1.5.3 实训3:把HTML转换为XHTML 43
1.6 上机练习 46
第2章 CSS基础 49
2.1 CSS概述 49
2.1.1 什么是CSS样式 49
2.1.2 为什么学习CSS 49
2.1.3 CSS特点 50
2.2 CSS语法和用法 51
2.2.1 CSS基本结构 51
2.2.2 CSS基本用法 52
2.2.3 CSS样式表 53
2.2.4 导入外部样式表 54
2.2.5 CSS注释和版式 55
2.3 CSS属性、属性值和单位 55
2.3.1 CSS属性 56
2.3.2 CSS单位 59
2.4 基本选择器 62
2.4.1 标签选择器 63
2.4.2 类选择器 63
2.4.3 ID选择器 67
2.4.4 通配选择器 69
2.5 复合选择器 69
2.5.1 子选择器 69
2.5.2 相邻选择器 71
2.5.3 包含选择器 73
2.5.4 多层选择器嵌套 74
2.5.5 属性选择器 76
2.5.6 伪选择器和伪元素选择器 80
2.5.7 选择器分组 81
2.6 CSS继承性、层叠性和特殊性 82
2.6.1 CSS继承性 82
2.6.2 CSS层叠性 85
2.6.3 CSS优先级 86
2.6.4 CSS特殊性 87
2.7 综合训练 91
2.7.1 实训1:设计个人网站菜单 91
2.7.2 实训2:设计网站登录页面 94
2.8 上机练习 96
第3章 定义网页文本 100
3.1 使用文本标签 100
3.1.1 标题文本 100
3.1.2 段落文本 101
3.1.3 引用文本 102
3.1.4 强调文本 104
3.1.5 格式文本 104
3.1.6 输出文本 106
3.1.7 缩写文本 107
3.1.8 插入和删除文本 108
3.1.9 文本方向 108
3.2 设计网页文本样式 109
3.2.1 定义字体类型 109
3.2.2 定义字体大小 111
3.2.3 定义字体颜色 113
3.2.4 定义字体粗细 113
3.2.5 定义斜体字体 114
3.2.6 定义下划线 114
3.2.7 定义字体大小写 115
3.2.8 定义文本对齐 117
3.2.9 定义垂直对齐 119
3.2.10 定义字距和词距 123
3.2.11 定义行高 123
3.2.12 定义缩进 127
3.3 综合训练 128
3.3.1 实训1:设计英文版式 128
3.3.2 实训2:设计中文版式 131
3.4 上机练习 135
第4章 定义超链接 138
4.1 定义超链接 138
4.1.1 认识超链接和路径 138
4.1.2 定义普通链接 138
4.1.3 定义锚点链接 140
4.1.4 定义不同目标的链接 141
4.1.5 定义下载链接 142
4.1.6 定义热点区域 142
4.1.7 定义框架链接 144
4.1.8 认识伪类和伪对象 145
4.1.9 设计超链接样式 147
4.2 综合训练 149
4.2.1 实训1:设计下划线样式 149
4.2.2 实训2:设计立体样式 152
4.2.3 实训3:设计滑动样式 153
4.3 上机练习 155
第5章 定义网页图片 158
5.1 了解网页中的图像 158
5.2 定义网页图片 158
5.2.1 定义图片大小 159
5.2.2 定义图片边框 160
5.2.3 定义图片透明度 164
5.2.4 定义图片对齐方式 165
5.3 控制背景图片 167
5.3.1 定义背景颜色 167
5.3.2 定义背景图像 168
5.3.3 定义背景图像显示方式 169
5.3.4 定义背景图像显示位置 170
5.3.5 定义背景图像固定显示 174
5.4 综合训练 176
5.4.1 实训1:设计项目图标 176
5.4.2 实训2:设计图文混排版式 179
5.4.3 实训3:设计博客主页 182
5.4.4 实训4:设计电子相册主页 187
5.5 上机练习 193
第6章 使用列表 196
6.1 设计列表结构 196
6.1.1 无序列表 196
6.1.2 有序列表 197
6.1.3 自定义列表 198
6.2 定义列表样式 200
6.1.1 设计项目符号类型 200
6.1.2 设计项目符号显示位置 200
6.1.3 自定义项目符号 201
6.1.4 使用背景图像定义项目符号 202
6.3 综合训练 204
6.3.1 实训1:设计垂直导航菜单 204
6.3.2 实训2:设计水平导航菜单 207
6.3.3 实训3:设计滑动门菜单 209
6.3.4 实训4:设计Tab分类展示面板 212
6.4 上机练习 216
第7章 使用表格 220
7.1 设计表格结构 220
7.1.1 搭建表格基本结构 220
7.1.2 设计表格附加结构 222
7.1.3 表格结构分组 224
7.2 定义表格样式 229
7.2.1 定义表格边框样式 229
7.2.2 定义单元格间距样式 230
7.2.3 定义空单元格样式 232
7.3 设计复杂表格样式 233
7.3.1 使用CSS定义表格结构 234
7.3.2 定义表格列和行的样式 236
7.3.3 定义表格标题样式 240
7.3.4 表格内样式层叠顺序 242
7.4 综合训练 244
7.4.1 实训1:设计清新悦目的表格样式 244
7.4.2 实训2:设计结构清晰的表格样式 247
7.5 上机练习 251
第8章 使用表单 254
8.1 设计表单结构 254
8.1.1 定义表单框 254
8.1.2 定义输入域 255
8.1.3 定义选择域 259
8.1.4 优化表单结构 262
8.2 定义表单样式 264
8.2.1 定义输入域样式 264
8.2.2 定义选择域样式 268
8.2.3 定义列表域样式 272
8.3 综合训练 274
8.3.1 实训1:设计用户登录表单 274
8.3.2 实训2:设计用户注册表单 278
8.3.3 实训3:设计搜索框 282
8.4 上机练习 286
第9章 设计网页版式 290
9.1 网页布局基础 290
9.1.1 定义显示属性 290
9.1.2 定义定位属性 293
9.1.3 网页布局方式 294
9.2 CSS盒模型 295
9.2.1 认识盒模型 295
9.2.2 定义边界大小 296
9.2.3 定义边框样式 300
9.2.4 定义补白大小 303
9.3 浮动布局 305
9.3.1 浮动布局的基本用法 305
9.3.2 清除浮动 307
9.4 定位布局 308
9.4.1 定位布局的基本用法 308
9.4.2 定义定位层叠顺序 312
9.5 综合训练 314
9.5.1 实训1:设计网页居中显示 314
9.5.2 实训2:设计自适应的网页定位布局 316
9.5.3 实训3:设计等高网页布局 321
9.5.4 实训4:设计负边界网页布局 323
9.6 上机练习 325