HTML5与CSS3基础教程（第7版）

代表下一代网页编写技术的HTML5，为网页提供布局和格式的CSS3，这两者构成了Web开发的基石，也是Web程序员和设计师必须熟练掌握的最基本技能。

本书是风靡全球的HTML和CSS最佳入门教程的最新版，上一版单单英文版的销量就超过100万册，被翻译为十多种语言，并长期雄踞亚马逊书店计算机图书排行榜榜首。

最新的第7版秉承前一版直观、透彻、全面、循序渐进的讲授特色，仍然采用独特的双栏图文并排方式，手把手指导读者从零开始轻松入门。在内容上，第7版是一个重大的修订版本，全面反映了HTML5和CSS3的最新特色，让读者对网站设计领域振奋人心的进展感同身受。书中主要内容包括：如何创建HTML5页面，如何使用HTML5元素，如何用CSS3为网页添加样式，如何向页面添加JavaScript代码，如何测试做好的页面并将其上传到万维网。另外，书中还强调了渐进增强这种...

(展开全部)

代表下一代网页编写技术的HTML5，为网页提供布局和格式的CSS3，这两者构成了Web开发的基石，也是Web程序员和设计师必须熟练掌握的最基本技能。

本书是风靡全球的HTML和CSS最佳入门教程的最新版，上一版单单英文版的销量就超过100万册，被翻译为十多种语言，并长期雄踞亚马逊书店计算机图书排行榜榜首。

最新的第7版秉承前一版直观、透彻、全面、循序渐进的讲授特色，仍然采用独特的双栏图文并排方式，手把手指导读者从零开始轻松入门。在内容上，第7版是一个重大的修订版本，全面反映了HTML5和CSS3的最新特色，让读者对网站设计领域振奋人心的进展感同身受。书中主要内容包括：如何创建HTML5页面，如何使用HTML5元素，如何用CSS3为网页添加样式，如何向页面添加JavaScript代码，如何测试做好的页面并将其上传到万维网。另外，书中还强调了渐进增强这种网站设计方法的重要性，并将其贯穿在全书的具体实践中。

作者专为本书设计了内容丰富的配套网站http://www.bruceontheloose. com/htmlcss/，提供书中全部示例的完整版本、勘误以及大量附加材料。

第1　 章　　网页的构造块　 1
1.1　　基本HTML　 页面　 2
1.2　　　 语义化HTML：有含义的标记　 4
1.3　　标记：元素、属性和值　 8
1.4　　网页的文本内容　 10
1.5　　　 链接、图像和其他非文本内容　 11
· · · · · · (更多)

第1　 章　　网页的构造块　 1
1.1　　基本HTML　 页面　 2
1.2　　　 语义化HTML：有含义的标记　 4
1.3　　标记：元素、属性和值　 8
1.4　　网页的文本内容　 10
1.5　　　 链接、图像和其他非文本内容　 11
1.6　　文件名　 12
1.7　　URL　 13
1.8　　要点回顾　 16
第2　 章　　处理网页文件　 17
2.1　　规划网站　 17
2.2　　创建新的网页　 18
2.3　　保存网页　 19
2.4　　指定默认页面或主页　 21
2.5　　编辑网页　 22
2.6　　组织文件　 23
2.7　　在浏览器中查看网页　 24
2.8　　借鉴他人灵感　 25
第3　 章　　基本HTML　 结构　 27
3.1　　开始编写网页　 27
3.2　　创建页面标题　 30
3.3　　创建分级标题　 31
3.4　　理解HTML5　 的文档大纲　 32
3.5　　对分级标题进行分组　 36
3.6　　普通页面构成　 37
3.7　　创建页眉　 38
3.8　　标记导航　 40
3.9　　创建文章　 42
3.10　　定义区块　 45
3.11　　指定侧栏　 48
3.12　　创建页脚　 51
3.13　　创建通用容器　 54
3.14　　使用ARIA　 提升可访问性　 57
3.15　　为元素指定类或ID　 名称　 60
3.16　　为元素添加title　 属性　 62
3.17　　添加注释　 63
第4　 章　　文本　 65
4.1　　开始新的段落　 65
4.2　　添加作者联系信息　 66
4.3　　创建图　 68
4.4　　指定时间　 69
4.5　　标记重要或强调的文本　 72
4.6　　指明引用或参考　 74
4.7　　引述文本　 74
4.8　　突出显示文本　 76
4.9　　解释缩写词　 78
4.10　　定义术语　 79
4.11　　创建上标和下标　 80
4.12　　标注编辑和不再准确的文本　 82
4.13　　标记代码　 85
4.14　　使用预格式化的文本　 87
4.15　　指定细则　 88
4.16　　创建换行　 89
4.17　　创建span　 90
4.18　　其他元素　 91
第5　 章　　图像　 97
5.1　　关于Web　 图像　 97
5.2　　获取图像　 99
5.3　　选择图像编辑器　 100
5.4　　保存图像　 100
5.5　　在页面中插入图像　 102
5.6　　提供替代文本　 103
5.7　　指定图像尺寸　 104
5.8　　在浏览器中改变图像的尺寸　 106
5.9　　在图像编辑器中改变图像的尺寸　 107
5.10　　为网站添加图标　 108
第6　 章　　链接　 110
6.1　　链接剖析　 110
6.2　　　 创建指向另一个网页的链接　 111
6.3　　创建锚　 116
6.4　　链接到特定的锚　 117
6.5　　创建其他类型的链接　 118
第7　 章　　CSS　 构造块　 121
7.1　　构造样式规则　 121
7.2　　为样式规则添加注释　 122
7.3　　层叠：当规则发生冲突时　 123
7.4　　属性的值　 126
第8　 章　　操作样式表文件　 133
8.1　　创建外部样式表　 133
8.2　　链接到外部样式表　 134
8.3　　创建嵌入样式表　 136
8.4　　应用内联样式　 137
8.5　　位置的重要性　 138
8.6　　使用与媒体相关的样式表　 139
8.7　　提供替代的样式表　 140
8.8　　借鉴他人灵感：CSS　 142
第9　 章　　定义选择器　 143
9.1　　构造选择器　 143
9.2　　按名称选择元素　 145
9.3　　按类或ID　 选择元素　 146
9.4　　按上下文选择元素　 148
9.5　　选择元素的一部分　 152
9.6　　按状态选择链接元素　 154
9.7　　按属性选择元素　 155
9.8　　指定元素组　 159
9.9　　组合使用选择器　 160
9.10　　选择器回顾　 161
第10　 章　　文本的格式化　 162
10.1　　选择字体系列　 163
10.2　　指定替代字体　 164
10.3　　创建斜体　 165
10.4　　应用粗体格式　 167
10.5　　设置字体大小　 168
10.6　　设置行高　 172
10.7　　同时设置所有字体值　 173
10.8　　设置颜色　 174
10.9　　修改文本的背景　 175
10.10　　控制间距　 178
10.11　　增加缩进179
10.12　　设置空白属性　 180
10.13　　对齐文本　 181
10.14　　修改文本的大小写　 182
10.15　　使用小型大写字母　 183
10.16　　装饰文本　 184
第11　 章　　用CSS　 进行布局　 186
11.1　　开始布局注意事项　 186
11.2　　建立页面结构　 188
11.3　　在旧版浏览器中为HTML5元素添加样式　 192
11.4　　对默认样式进行重置或标准化　 194
11.5　　盒模型　 195
11.6　　修改背景　 197
11.7　　设置元素的高度和宽度　 199
11.8　　设置元素周围的外边距　 202
11.9　　在元素周围添加内边距　 204
11.10　　使元素浮动　 206
11.11　　控制元素浮动的位置　 207
11.12　　设置边框　 210
11.13　　偏移自然流中的元素　 212
11.14　　对元素进行绝对定位　 213
11.15　　指定元素的三维位置　 215
11.16　　决定溢出的位置　 216
11.17　　垂直对齐元素　 218
11.18　　修改鼠标指针　 218
11.19　　显示和隐藏元素　 219
第12　 章　　　 样式表——从移动设备到台式机　 222
12.1　　移动战略和注意事项　 222
12.2　　理解和实现媒体查询　 226
12.3　　构建适用于媒体查询的页面　 232
第13　 章　　使用Web　 字体　 241
13.1　　什么是Web　 字体　 241
13.2　　在哪里能找到Web字体　 242
13.3　　下载第一个Web字体　 244
13.4　　使用@font-face　 245
13.5　　　 对Web　 字体添加样式及管理文件大小　 248
第14　 章　　使用CSS3　 进行增强　 251
14.1　　理解厂商前缀　 251
14.2　　浏览器兼容性速览　 252
14.3　　使用polyfill　 实现渐进增强　 253
14.4　　为元素创建圆角　 254
14.5　　为文本添加阴影　 257
14.6　　为其他元素添加阴影　 259
14.7　　应用多重背景　 261
14.8　　使用渐变背景　 262
14.9　　为元素设置不透明度　 265
第15　 章　　列表　 267
15.1　　创建有序列表和无序列表　 267
15.2　　选择标识　 269
15.3　　选择列表的起始编号　 271
15.4　　使用定制的标识　 271
15.5　　控制标识的位置　 273
15.6　　　 同时设置所有的列表样式属性　 274
15.7　　设置嵌套列表的样式　 274
15.8　　创建描述列表　 278
第16　 章　　表单　 282
16.1　　创建表单　 282
16.2　　处理表单　 284
16.3　　通过电子邮件发送表单数据　 287
16.4　　对表单元素进行组织　 288
16.5　　创建文本框　 290
16.6　　创建密码框　 292
16.7　　　 创建电子邮件框、电话框和URL　 框　 293
16.8　　为表单组件添加标签　 294
16.9　　创建单选按钮　 296
16.10　　创建选择框　 297
16.11　　创建复选框　 298
16.12　　创建文本区域　 299
16.13　　让访问者上传文件　 300
16.14　　创建隐藏字段　 301
16.15　　创建提交按钮　 302
16.16　　使用图像提交表单　 303
16.17　　禁用表单元素　 304
16.18　　　 HTML5　 的新特性和浏览器支持情况　 304
第17　 章　　视频、音频和其他多媒体　 306
17.1　　第三方插件及步入原生　 306
17.2　　视频文件格式　 307
17.3　　在网页中添加单个视频　 308
17.4　　视频属性一览　 308
17.5　　为视频添加控件和自动播放　 308
17.6　　　 为视频指定循环播放和海报图像　 310
17.7　　阻止预加载视频　 310
17.8　　使用多个来源的视频　 311
17.9　　多个媒体源和source　 元素　 311
17.10　　　 添加具有备用超链接的视频　 312
17.11　　　 添加具有备用Flash　 的视频　 313
17.12　　提供可访问性　 315
17.13　　添加音频文件格式　 315
17.14　　　 在网页中添加单个音频文件　 316
17.15　　　 在网页中添加带控件的单个音频文件　 316
17.16　　音频属性一览　 317
17.17　　　 为音频添加控件、自动播放并设置循环播放　 317
17.18　　预加载音频文件　 318
17.19　　提供多个音频源　 318
17.20　　　 添加具有备用超链接的音频　 319
17.21　　　 添加具有备用Flash　 的音频　 319
17.22　　　 添加同时具有备用Flash和超链接的音频　 320
17.23　　获取多媒体文件　 321
17.24　　考虑数字版权管理（DRM）　 321
17.25　　嵌入Flash　 动画　 321
17.26　　嵌入YouTube　 视频　 322
17.27　　通过canvas　 操作视频　 322
17.28　　联合使用SVG　 和视频　 323
17.29　　更多资源　 323
第18　 章　　表格　 324
18.1　　结构化表格　 324
18.2　　让单元格跨越多列或多行　 327
第19　 章　　处理脚本　 329
19.1　　加载外部脚本　 329
19.2　　添加嵌入脚本　 332
19.3　　JavaScript　 事件　 332
第20　 章　　测试和调试网页　 334
20.1　　尝试一些调试技巧　 334
20.2　　检查常见错误：一般问题　 336
20.3　　检查常见错误：HTML　 337
20.4　　检查常见错误：CSS　 338
20.5　　验证代码　 339
20.6　　测试页面　 341
20.7　　当图像不出现时　 344
20.8　　仍然有错误　 345
第21　 章　　发布网站　 346
21.1　　获得域名　 346
21.2　　为网站寻找主机　 347
21.3　　将文件传送至服务器　 348
附录A　　HTML　 参考　 352
附录B　　CSS　 引用　 363
· · · · · · (收起)

　　无论你是刚开始涉足网站制作，还是曾经做过网站、而今又想让自己的技能与时俱进，都会对这个领域振奋人心的进展感同身受。 　　在过去的几年里，为网页编写代码和添加样式的方式、浏览网页所用的浏览器以及使用浏览器的设备都发生了明显的变化。曾经，我们只能通过台式机或笔记本浏览万维网，而如今我们可以通过很多设备访问万维网：手机、平板电脑，当然也包括笔记本、台式机，...

• 前　　言