跟我学HTML+CSS
本词条主要介绍《跟我学HTML+CSS》这本书，包括基本信息，本书内容说明和版本信息，还有读者最关心的书本目录极其本书写作的背景。HTML+CSS是网络初学者必须学会的两种语言，其实也不难。通过这本书，大家可以轻松学习并实际运用。
目录
基本信息内容简介出版信息图书目录创作背景
基本信息* 知识全面 囊括了HTML的所有元素和相应属性 * 实例经典 用实例演示了各个元素，这些例子可以直接应用到项目中 * 图文并茂 对每个实例都给出执行效果，方便学习 * 案例提高 最后给出了一个商业案例，告诉读者如何综合应用各个技术
内容简介
HTML是目前最流行的网页制作语言。互联网中的网页大多数都是使用HTML格式展示在浏览者面前的。随着Web 2.0概念的提出，要求网页具有更好的扩展性和用户体验，这使得CSS样式表在网页设计中变得越来越重要。为了能让广大的网页制作者快速地掌握网页制作的技巧和方法，本书的第一部分以语法和实例相结合的形式详细讲解了HTML语言中各个元素及其属性的作用、语法和显示效果。第二部分从CSS基本概念开始，分别讲解了CSS盒模型和定位属性，CSS控制各种元素显示的方法，CSS布局页面的技巧等知识。最后一部分为了增强读者的实战能力，以个人博客制作的形式详细为读者演示了使用HTML和CSS制作页面的过程。为了便于理解，本书对所讲解的每个元素和属性，都做了实例演示。
为了方便读者学习，本书光盘中提供了丰富的内容，包括全书的多媒体视频演示、全书的电子教案、900多页的电子资料以及书中讲解的源代码等内容。对于每章后面的习题，笔者都给了相应的解答，读者可以到http:// www.tupwk .com .cn/网站下载。
出版信息ISBN：9787302224181
定价：58元
印次：1-1
装帧：平装
印刷日期：2010-8-23
图书目录第1章 HTML的基本概念 1
1.1 什么是HTML 2
1.2 HTML的发展历史 2
1.3 一个简单的HTML示例 3
1.4 HTML与网页的关系 4
1.5 用什么来编写和开发HTML 5
1.5.1 标题栏 5
1.5.2 插入栏 5
1.5.3 文档工具栏 6
1.5.4 实例练习 6
1.6 本章习题 8
第2章 HTML的语法基础 9
2.1 HTML页面结构 10
2.2 元素和属性的写法 12
2.2.1 元素的书写格式 12
2.2.2 元素属性的书写格式 12
2.2.3 HTML的语法规范 14
2.3 文档类型 16
2.3.1 什么是文档类型 16
2.3.2 选择什么样的DOCTYPE 16
2.4 什么是名字空间 17
2.5 本章习题 18
第3章 页面基本元素 19
3.1 页面基础元素<html> 20
3.1.1 文本显示方向属性dir 20
3.1.2 指定语言属性lang 22
3.2 页面头部元素<head> 23
3.3 页面标题元素<title> 23
3.4 元信息元素<meta> 24
3.4.1 元信息元素名称属性name 25
3.4.2 元信息元素的值content 25
3.4.3 元信息元素的附加属性
http-equiv 26
3.4.4 设置页面关键字 26
3.4.5 设置页面主要内容 27
3.4.6 定义页面的搜索方式 27
3.4.7 定义页面的跳转 28
3.4.8 定义页面的作者信息 29
3.4.9 定义页面的版权信息 30
3.4.10 定义页面的刷新时间 30
3.5 基本设置元素<base> 31
3.6 创建样式元素<style> 32
3.6.1 类型属性type 33
3.6.2 类型属性media 34
3.7 链接元素<link> 35
3.7.1 指定链接路径属性href 36
3.7.2 链接的类型属性type 36
3.7.3 源文档与目标文档关系属性rel、rev 37
3.7.4 链接样式文件 38
3.7.5 制作收藏夹图标 39
3.8 脚本元素<script> 40
3.8.1 脚本的语言属性language 41
3.8.2 脚本的类型属性type 42
3.8.3 推迟执行属性defer 42
3.8.4 脚本的链接属性src 42
3.9 页面主体元素<body> 43
3.9.1 主体元素的背景属性bgcolor 45
3.9.2 主体元素的背景图片属性background 46
3.9.3 主体元素的背景图片滚动属性bgproperties 47
3.9.4 主体元素的文本属性text 49
3.9.5 IE浏览器中的左边界属性leftmargin 49
3.9.6 IE浏览器中的上边界属性topmargin 50
3.9.7 未访问过的链接属性link 51
3.9.8 已访问过的链接属性vlink 52
3.9.9 激活的链接属性alink 53
3.9.10 主体元素中使用样式属性style 54
3.9.11 主体元素中调用样式属性class 55
3.10 使用背景音乐 55
3.10.1 IE浏览器中添加背景音乐元素<bgsound> 56
3.10.2 背景音乐的路径属性src 56
3.10.3 背景音乐的重复属性loop 57
3.11 本章习题 57
第4章 文本和段落元素 59
4.1 层元素<div> 60
4.1.1 标记属性id 61
4.1.2 调用样式属性class 62
4.1.3 创建样式属性style 63
4.1.4 对齐属性align 64
4.1.5 取消自动换行属性nowrap 66
4.1.6 标题属性title 66
4.2 标题元素 67
4.3 段落元素<p> 69
4.4 文本的间隔和布局 70
4.4.1 换行元素<br> 70
4.4.2 缩进元素<blockquote> 72
4.4.3 保留格式元素<pre> 72
4.4.4 取消换行元素<nobr> 73
4.4.5 引用元素<q> 74
4.4.6 地址元素<address> 75
4.5 水平分隔线元素<hr> 76
4.5.1 高度属性size 77
4.5.2 样式属性noshade 78
4.5.3 宽度属性width 79
4.5.4 对齐属性align 79
4.5.5 颜色属性color 80
4.6 基于物理样式的文本元素 81
4.6.1 加粗元素<b> 81
4.6.2 放大元素<big> 81
4.6.3 缩小元素<small> 82
4.6.4 斜体显示元素<i> 83
4.6.5 下标元素<sub> 83
4.6.6 上标元素<sup> 85
4.7 基于内容的文本元素 85
4.7.1 强调元素<em> 86
4.7.2 加粗的强调元素<strong> 86
4.7.3 提取元素<samp> 87
4.7.4 首字母缩写元素<acronym> 87
4.7.5 变量显示元素<var> 87
4.7.6 文献参考元素<cite> 88
4.8 本章习题 89
第5章 列表元素 91
5.1 无序列表元素<ul> 92
5.2 有序列表元素<ol> 95
5.2.1 项目符号的类型属性type 96
5.2.2 有序列表的起始值属性start 97
5.3 列表条目元素<li> 99
5.3.1 项目符号的类型属性type 99
5.3.2 条目编号属性value 100
5.4 定义列表元素<dl> 101
5.4.1 定义列表术语元素<dt> 102
5.4.2 定义列表条目说明元素<dd> 103
5.5 本章习题 104
第6章 图像元素 105
6.1 图像元素<img> 106
6.1.1 图像元素的路径属性src 107
6.1.2 代替图片的文本属性alt 108
6.1.3 图像元素的宽度属性width 109
6.1.4 图像元素的高度属性height 110
6.1.5 图像元素的边框属性border 111
6.1.6 代替图片的长文本属性longdesc 112
6.1.7 上下边距属性vspace 112
6.1.8 图像元素的左右边距属性hspace 113
6.1.9 图像元素的对齐属性align 113
6.1.10 图像服务器端映射属性ismap 115
6.1.11 图像服务器端映射属性usemap 116
6.2 图像的格式 116
6.2.1 JPEG格式 116
6.2.2 GIF格式 117
6.2.3 PNG格式 118
6.3 本章习题 118
第7章 表格元素 121
7.1 表格元素的结构 122
7.1.1 表格<table> 122
7.1.2 行<tr> 124
7.1.3 单元格<td> 125
7.2 <table>元素的属性 126
7.2.1 边框属性border 126
7.2.2 水平对齐属性align 127
7.2.3 高度属性height 128
7.2.4 宽度属性width 129
7.2.5 边框颜色属性bordercolor 129
7.2.6 边框暗边线属性bordercolordark 130
7.2.7 边框亮边线属性bordercolorlight 131
7.2.8 背景颜色属性bgcolor 132
7.2.9 背景图片属性background 133
7.2.10 单元格间距属性cellspacing 133
7.2.11 单元格补白属性cellspadding 135
7.2.12 表格单元格边框属性rules 136
7.2.13 表格边框属性frame 136
7.3 <tr>元素的属性 138
7.3.1 水平对齐属性align 138
7.3.2 垂直对齐属性valign 139
7.3.3 背景颜色属性bgcolor 140
7.3.4 边框颜色属性bordercolor 141
7.3.5 边框暗边线属性bordercolordark 142
7.3.6 边框亮边线属性bordercolorlight 142
7.4 <td>元素的属性 143
7.4.1 宽度属性width 143
7.4.2 高度属性height 145
7.4.3 背景颜色属性bgcolor 146
7.4.4 背景图片属性background 147
7.4.5 水平对齐属性align 148
7.4.6 垂直对齐属性valign 149
7.4.7 边框属性bordercolor 150
7.4.8 合并列属性colspan 151
7.4.9 合并行属性rowspan 152
7.4.10 同行显示属性nowrap 153
7.5 表格中使用的其他元素 155
7.5.1 表格标题元素<caption> 155
7.5.2 表格头部元素<th> 156
7.5.3 表格头行元素<thead> 158
7.5.4 表主体元素<tbody> 159
7.5.5 表格行尾元素<tfoot> 160
7.6 本章习题 161
第8章 链接元素 165
8.1 链接和路径 166
8.1.1 超链接的概念 166
8.1.2 路径url 167
8.1.3 HTTP路径 168
8.1.4 FTP路径 169
8.1.5 邮件路径 169
8.2 链接元素<a> 170
8.2.1 指定路径属性href 172
8.2.2 显示链接目标属性target 173
8.2.3 激活顺序属性tabindex 174
8.2.4 链接的热键属性accesskey 175
8.3 图像链接 176
8.3.1 创建链接区域元素<map> 176
8.3.2 链接区域的名称属性name 176
8.3.3 定义鼠标敏感区元素<area> 177
8.3.4 链接的路径属性href、nohref 178
8.3.5 链接的文本说明属性alt 179
8.3.6 鼠标敏感区坐标属性coords 179
8.3.7 鼠标敏感区形状属性shape 181
8.3.8 使用图片中的链接 181
8.4 本章习题 182
第9章 表单元素 183
9.1 表单元素<form> 184
9.1.1 动作属性action 184
9.1.2 发送数据方式属性method 185
9.1.3 名称属性name 187
9.2 表单控件<input> 187
9.2.1 文本域text 187
9.2.2 密码区域password 188
9.2.3 提交按钮submit 189
9.2.4 复位按钮reset 190
9.2.5 图像按钮image 191
9.2.6 单击按钮button 192
9.2.7 复选框checkbox 192
9.2.8 单选按钮radio 193
9.2.9 隐藏区域hidden 194
9.3 <input>元素的属性 195
9.3.1 只读属性readonly 195
9.3.2 不可用属性disabled 196
9.4 选择列表条目元素<option> 197
9.5 按钮元素<button> 198
9.6 选择列表元素<select> 199
9.6.1 高度属性size 200
9.6.2 多项选择属性multiple 201
9.7 文本区域元素<textarea> 202
9.7.1 宽度属性cols 202
9.7.2 高度属性rows 202
9.8 表单标记元素<label> 203
9.8.1 定义目标属性for 203
9.8.2 定义热键属性accesskey 204
9.9 本章习题 205
第10章 框架元素 209
10.1 框架集元素<frameset> 210
10.1.1 行属性rows 211
10.1.2 列属性cols 212
10.1.3 边框属性frameborder 214
10.1.4 边框宽度属性framespacing 215
10.1.5 边框宽度属性border 216
10.1.6 颜色属性bordercolor 217
10.2 框架内容元素<frame> 218
10.2.1 内容的路径属性src 218
10.2.2 滚条属性scrolling 219
10.2.3 固定尺寸属性noresize 220
10.2.4 内容的显示位置属性marginheight、marginwidth 221
10.2.5 边框属性frameborder 223
10.3 不支持框架元素<noframes> 224
10.4 内联框架元素<iframe> 224
10.5 框架元素中的链接 225
10.6 本章习题 227
第11章 CSS的概念 231
11.1 什么是CSS 232
11.2 CSS与网页显示效果的关系 233
11.3 使用CSS的方法 235
11.3.1 元素中直接添加样式 235
11.3.2 从页面头部<style>元素中调用 236
11.3.3 采用链接的形式调用 237
11.4 本章习题 238
第12章 CSS的语法 241
12.1 选择符 242
12.1.1 id选择符 242
12.1.2 类选择符 243
12.1.3 类型选择符 244
12.1.4 伪类 245
12.1.5 子选择符 246
12.1.6 选择符分组 248
12.1.7 选择符的优先级 248
12.2 属性 250
12.3 值 251
12.3.1 颜色值 252
12.3.2 长度值 253
12.3.3 百分比值 253
12.4 继承值 254
12.5 默认值 255
12.6 块元素和内联元素 257
12.6.1 块元素 257
12.6.2 内联元素 258
12.7 应用样式的优先级 259
12.8 本章习题 262
第13章 CSS控制文本的显示 263
13.1 控制字体的显示 264
13.1.1 字体选择属性font-family 264
13.1.2 字体颜色属性color 265
13.1.3 字体大小属性font-size 266
13.1.4 字体样式属性font-style 269
13.1.5 字体加粗属性font-weight 270
13.1.6 字体修饰属性text-decoration 271
13.1.7 字体下划线位置属性text-underline-position 273
13.1.8 小型大写字母属性font-variant 274
13.1.9 转换大小写属性text-transform 276
13.1.10 字母间隔属性letter-spacing 277
13.1.11 单词间隔属性word-spacing 278
13.1.12 行高属性line-height 279
13.1.13 字体综合属性font 281
13.2 控制文本的显示 282
13.2.1 文本缩进属性text-indent 282
13.2.2 文本空白属性white-space 283
13.2.3 文本溢出属性text-overflow 285
13.2.4 水平对齐属性text-align 287
13.2.5 垂直对齐属性vertical-align 288
13.2.6 文本流向属性layout-flow 291
13.2.7 文本方向属性direction 292
13.2.8 文本排序属性unicode-bidi 293
13.2.9 单词换行属性word-break 295
13.2.10 文本断开换行属性word-wrap 296
13.3 本章习题 298
第14章 CSS控制列表元素的显示 301
14.1 控制列表元素的显示 302
14.1.1 列表符号属性ist-style-type 302
14.1.2 列表符号的混用 304
14.1.3 列表图像list-style-image 305
14.1.4 列表图像的显示位置 307
14.1.5 标记位置属性list-style-position 308
14.1.6 标记位置属性与列表高度 309
14.1.7 列表综合属性list-style 310
14.2 列表元素的使用和嵌套 311
14.2.1 列表元素的默认属性值 311
14.2.2 统一列表元素的边界和补白 312
14.3 本章习题 313
第15章 CSS控制表格元素的显示 315
15.1 控制表格元素的显示 316
15.1.1 边框合并属性boder-collapse 316
15.1.2 表格边框间距属性border-spacing 317
15.1.3 表格标题位置属性caption-side 319
15.1.4 表格布局属性table-layout 321
15.2 单元格的制约关系 323
15.2.1 确定单行或列的宽度或高度 323
15.2.2 确定多行或列的宽度或高度 325
15.2.3 单元格与嵌套的<div>元素 327
15.3 本章习题 328
第16章 CSS控制元素的大小 331
16.1 盒模型的概念 332
16.2 元素内容的大小 332
16.2.1 宽度属性width 333
16.2.2 高度属性height 334
16.2.3 内容与宽度、高度属性的关系 334
16.3 元素的背景 335
16.3.1 背景颜色属性background-color 336
16.3.2 背景图片属性background-image 337
16.3.3 背景图片的重复属性background-repeat 337
16.3.4 背景图片位置属性background-position 339
16.3.5 背景图片滚动属性background-attachment 340
16.3.6 同时使用背景颜色和背景图片属性 341
16.3.7 背景的综合属性background 342
16.4 元素的补白 343
16.4.1 顶部补白属性padding-top 344
16.4.2 右侧补白属性padding-right 344
16.4.3 底部补白属性padding-bottom 345
16.4.4 左侧补白属性padding-left 346
16.4.5 综合补白属性padding 347
16.4.6 补白与背景 348
16.5 元素的边框 349
16.5.1 顶部边框样式属性border-top-style 349
16.5.2 右侧边框样式属性border-right-style 351
16.5.3 底部边框样式属性border-bottom-style 352
16.5.4 左侧边框样式属性border-left-style 354
16.5.5 顶部边框颜色属性border-top-color 355
16.5.6 右侧边框颜色属性border-right-color 356
16.5.7 底部边框颜色属性border-bottom-color 357
16.5.8 左侧边框颜色属性border-left-color 358
16.5.9 顶部边框宽度属性border-top-width 359
16.5.10 右侧边框宽度属性border-right-width 360
16.5.11 底部边框宽度属性border-bottom-width 361
16.5.12 左侧边框宽度属性border-left-width 362
16.5.13 边框样式属性border-style 363
16.5.14 边框颜色属性border-color 364
16.5.15 边框宽度属性border-width 365
16.5.16 边框顶部综合属性border-top 366
16.5.17 边框右侧综合属性border-right 367
16.5.18 边框底部综合属性order-bottom 368
16.5.19 边框左侧综合属性border-left 368
16.5.20 边框综合属性border 368
16.6 元素的边界 369
16.6.1 顶部边界属性margin-top 369
16.6.2 右侧边界属性margin-right 370
16.6.3 底部边界属性margin-bottom 372
16.6.4 左侧边界属性margin-left 373
16.6.5 边界综合属性margin 374
16.6.6 边界与背景 375
16.7 嵌套元素的大小和距离 376
16.7.1 父元素和子元素 376
16.7.2 子元素中使用边界属性，父元素未定义大小 377
16.7.3 子元素中使用边界属性，父元素中使用补白属性 378
16.8 本章习题 379
第17章 CSS控制元素的定位 381
17.1 元素的定位 382
17.1.1 元素的定位属性position 382
17.1.2 上边偏移属性top 383
17.1.3 右边偏移属性right 384
17.1.4 下边偏移属性bottom 385
17.1.5 左边偏移属性left 386
17.2 绝对定位 387
17.2.1 绝对定位与父元素 388
17.2.2 绝对定位与相邻元素 389
17.3 相对定位 390
17.3.1 相对定位元素位置的确定 390
17.3.2 相对定位与相邻元素 391
17.4 定位元素的重叠 393
17.5 本章习题 394
第18章 CSS控制元素的布局 397
18.1 元素的浮动 398
18.1.1 元素的浮动属性float 398
18.1.2 浮动元素和固定元素 399
18.1.3 两个浮动元素的显示效果 400
18.1.4 多个浮动元素的显示顺序 401
18.2 浮动的清除 403
18.2.1 清除浮动属性clear 403
18.2.2 清除浮动与固定元素 404
18.3 内容的剪切 405
18.3.1 内容的剪切属性clip 405
18.3.2 剪切属性与内容 407
18.4 溢出内容的控制 408
18.4.1 溢出属性overflow 409
18.4.2 横向溢出属性overflow-x 410
18.4.3 纵向溢出属性overflow-y 411
18.4.4 滚条和边框 412
18.5 元素的显示方式 413
18.5.1 显示方式属性display 413
18.5.2 内联块属性值的异常显示 415
18.5.3 隐藏属性值none 416
18.6 元素的可视性 418
18.6.1 可视属性visibility 418
18.6.2 可视性属性与显示方式属性的关系 419
18.7 本章习题 421
第19章 CSS控制其他元素的显示 423
19.1 控制滚条的显示 424
19.1.1 滚条3d亮边框颜色属性scrollbar-3dlight-color 424
19.1.2 滚条亮边框颜色属性scrollbar-highlight-color 425
19.1.3 滚条滑块颜色属性scrollbar-face-color 426
19.1.4 滚条箭头颜色属性scrollbar-arrow-color 428
19.1.5 滚条阴影颜色属性scrollbar-shadow-color 429
19.1.6 滚条暗部阴影属性scrollbar-darkshadow-color 430
19.1.7 滚条拖动区颜色属性scrollbar-track-color 431
19.1.8 滚条基准色属性scrollbar-base-color 432
19.1.9 定义滚条的颜色 433
19.2 控制光标的显示 434
19.3 控制元素的缩放 437
19.4 控制链接的显示 438
19.4.1 定义链接未访问的显示效果 438
19.4.2 定义链接鼠标悬停的显示效果 439
19.4.3 定义链接激活的显示效果 440
19.4.4 定义链接访问后显示效果 441
19.4.5 定义链接效果的顺序 442
19.5 本章习题 444
第20章 制作个人博客页面 447
20.1 制作页面前的准备工作 448
20.1.1 规划页面的内容 448
20.1.2 切分效果图 449
20.2 规划站点文件夹 449
20.3 定义基本的样式 450
20.3.1 新建CSS文件 450
20.3.2 定义页面的基础样式 450
20.4 制作页面头部 451
20.4.1 制作页面头部的结构 451
20.4.2 定义页面头部的样式 451
20.5 制作页面导航 453
20.5.1 制作页面导航的结构 453
20.5.2 定义页面导航的样式 454
20.6 制作页面主体 456
20.6.1 制作页面主体的结构 456
20.6.2 定义页面主内容的样式 456
20.7 制作日志 457
20.7.1 制作日志内容的结构 458
20.7.2 定义日志内容的样式 458
20.8 制作侧栏 459
20.8.1 制作侧栏的结构 459
20.8.2 定义侧栏的通用样式 461
20.9 制作页面底部内容 462
20.9.1 制作页面底部的结构 463
20.9.2 定义页面底部的样式 463
创作背景本书分为3篇，共20章，从HTML使用的基本内容和概念讲起，循序渐进地讲解了HTML和CSS的相关知识、各种元素和属性的使用方法以及各种技巧等。其中每个部分的主要内容如下所示。
第一篇(第1章~第10章)HTML的相关概念。
详细讲述了HTML的各种概念和相关内容。首先介绍了HTML的基础知识，接着详细讲解了HTML的页面基本元素、文本和段落元素、列表元素、图像元素、表格元素、超链接元素、表单元素、框架元素等知识。
第二篇(第11章~第19章)CSS的相关概念。
首先讲述了CSS布局中的各种概念和相关内容。其中包括CSS的概念、结构和表现分离的原理和优点、XHTML的基础知识、CSS的基本语法和使用方式等。接着讲述了CSS盒模型和块元素的定位。包括CSS中盒模型的构成，块元素与内联元素的分类，以及使用各种属性控制块元素的位置和显示方式等。最后讲述了CSS控制元素显示效果和布局页面的方法。
第三篇(第20章)实战篇。
讲解了实际开发中，使用HTML和CSS代码的技巧。其中包括实际站点的建立、站点结构的规划、页面实例每个部分的制作过程等几个内容。通过本章的学习，可以最终运用可视化的开发软件，结合本书中讲解的各种知识，完整地掌握页面制作的方法。