HTML与CSS前台页面设计

前言

第1章 html与css网页设计概述 1

1.1 html的基本概念 1

1.1.1 什么是html 1

1.1.2 html的发展 1

1.1.3 html与xhtml 2

1.2 css的基本概念 2

1.2.1 什么是css 2

1.2.2 css在网页设计中的作用 2

1.3 网页与网站 3

1.3.1 网页与网站的关系 3

1.3.2 建立网站 3

1.3.3 url简介 3

1.3.4 html与css网页的开发环境 4

本章小结 6

习题一 6

第2章 html基础 7

2.1 html代码的结构 7

2.1.1 html代码的组成 7

2.1.2 注释与空白符 8

.2.1.3 标记的嵌套 9

2.1.4 标准属性 9

2.1.5 xhtml 9

2.2 html网页的构成 10

2.2.1 html网页结构 10

2.2.2 html标记及其属性 10

2.2.3 head标记及其属性 11

2.2.4 body标记及其属性 14

2.3 html网页的浏览与测试 17

2.3.1 利用ie与firefox浏览html网页 17

2.3.2 利用firebug测试html网页 18

2.4 综合实例 19

本章小结 20

习题二 20
实训 21

第3章 html网页头部标记 22

3.1 title标记及其属性 22

3.2 base标记及其属性 23

3.3 meta标记及其属性 23

3.4 link标记及其属性 25

3.5 style标记及其属性 26

3.6 script标记及其属性 27

3.7 综合实例 28

本章小结 28

习题三 29

实训 29

第4章 html网页主体与内容标记 30

4.1 标题与段落标记的使用 30

4.1.1 h1、h2、h3、h4、h5与h6 30

4.1.2 p 31

4.1.3 blockquote 32

4.1.4 address 32

4.1.5 pre 33

4.2 文本格式标记的使用 34

4.2.1 em 34

4.2.2 strong 34

4.2.3 cite 34

4.2.4 i与b 35

4.2.5 big与small 35

4.2.6 tt 35

4.2.7 sup与sub 36

4.2.8 q 36

4.2.9 dfn 37

4.2.10 abbr与acronym 37

4.2.11 del与ins 38

4.2.12 bdo 38

4.2.13 code、kbd、samp与var 39

4.2.14 hr 40

4.2.15 marquee 41

4.3 内容（多用途）标记 42

4.3.1 div 42

4.3.2 span 43

4.4 特殊字符 44

4.5 综合实例 46

本章小结 48

习题四 48

实训 49

第5章 使用css样式 50

5.1 对html文档应用样式 50

5.1.1 应用样式的方法 50

5.1.2 应用样式的优先级 52

5.2 css样式代码编写规则 53

5.2.1 基本语法 53

5.2.2 规则的注释 53

5.2.3 规则的标记 54

5.2.4 规则的排版 54

5.2.5 样式命名的通用规则 55

5.3 css样式选择器 55

5.3.1 html标记选择器 55

5.3.2 class选择器 55

5.3.3 id选择器 58

5.3.4 高级选择器 59

5.3.5 样式的优先级 66

5.4 综合实例 67

本章小结 69

习题五 69

实训 70

第6章 html网页中的图片 71

6.1 在网页中加入图片 71

6.2 图片与文字的排版 77

6.3 网页背景图片 79

6.4 利用css样式在网页中加入图片 80

6.5 综合实例 84

本章小结 86

习题六 86

实训 86

第7章 创建超链接 88

7.1 超链接概述 88

7.2 超链接标记及其属性 89

7.2.1 内部链接 91

7.2.2 书签链接 92

7.2.3 外部链接 95

7.2.4 文件（非html页面）链接 99

7.3 利用css样式设置书签格式 100

7.4 图片链接 102

7.5 图片映射链接 104

7.6 综合实例 107

本章小结 109

习题七 109

实训 109

第8章 创建表格 111

8.1 表格基础标记 111

8.2 创建简单表格 111

8.3 表格的属性 113

8.4 表格高级标记 128

8.4.1 th 128

8.4.2 caption 129

8.4.3 thead、tbody、tfoot 130

8.4.4 colgroup 132

8.4.5 colspan和rowspan 133

8.5 创建高级表格 135

8.6 综合实例 136

本章小结 138

习题八 138

实训 139

第9章 创建表单 140

9.1 表单的作用 140

9.2 表单标记 140

9.2.1 form 140

9.2.2 input 142

9.2.3 textarea 149

9.2.4 select和option 150

9.2.5 optgroup 152

9.3 表单布局标记 153

9.3.1 fieldset和legend 153

9.3.2 label 155

9.4 综合实例 156

本章小结 157

习题九 158

实训 158

第10章 对表格与表单应用css样式 159

10.1 利用css样式构建美观的数据表格 159

10.1.1 表格标记 159

10.1.2 对表格应用样式 163

10.2 css样式在表单中的应用 174

10.2.1 表单标记 174

10.2.2 表单布局 175

10.2.3 修饰表单 178

10.2.4 复杂的表单布局 181

10.3 综合实例 185

本章小结 189

习题十 189

实训 190

第11章 使用css样式完成网页布局 191

11.1 css网页布局介绍 191

11.1.1 css网页布局的意义 191

11.1.2 css盒模型 192

11.1.3 css网页布局的基本思路 193

11.2 网页居中 194

11.2.1 自动空白边居中设计 194

11.2.2 定位居中设计 196

11.3 基于float的网页布局 197

11.3.1 两列布局 197

11.3.2 多列布局 201

11.4 复杂布局 205

11.4.1 动态布局 205

11.4.2 弹性布局 207

11.4.3 动态－弹性混合布局 209

11.4.4 动态和弹性图像 211

11.4.5 伪列布局 212

11.5 综合实例 213

本章小结 216

习题十一 217

实训 217

附录a 习题答案 218

附录b html标记 223

附录c css属性 227

附录d css单位 239

附录e web颜色 240

参考文献 242