内容简介
使用核心编程语言HTML与CSS构建网站
HTML和CSS是构建网页所需要了解的两种核心编程语言,《HTML5&CSS3编程入门经典》详细介绍了这两种语言。本书提供了对于最佳实践及技术的手把手指导。作为一本实用参考,本书深入阐述了为当今多设备多平台环境开发独特的现代网站所需的HTML及CSS最新版本。本书涵盖了丰富的内容:从为网页组织文档结构以及微调文本,到链接到其他网页或电子邮件地址,以及使用图片、音频、视频和表格。
目录
- 第1章为Web结构化文档1
- 1.1结构化文档的Web1
- 1.2HTML5介绍2
- 1.2.1标签与元素4
- 1.2.2区分头部与主体5
- 1.2.3特性描述元素6
- 1.2.4通过查阅源代码向他人学习8
- 1.2.5用于标记文本的元素8
- 1.3特性组9
- 1.3.1核心特性9
- 1.3.2国际化11
- 1.4核心元素12
- 1.4.1关于DOCTYPE12
- 1.4.2<html>元素13
- 1.4.3<head>元素13
- 1.4.4<title>元素13
- 1.4.5链接与样式表14
- 1.4.6确保HTML5标签的向后兼容性15
- 1.4.7<body>元素15
- 1.4.8常见的内容元素15
- 1.5基本文本格式化16
- 1.5.1空格与流16
- 1.5.2使用<hn>元素创建标题17
- 1.5.3使用<p>元素创建段落19
- 1.5.4使用<br>元素创建换行19
- 1.5.5使用<pre>元素预格式化文本21
- 1.6理解块级元素与行内元素23
- 1.7内容分组24
- 1.7.1HTML5的新摘要算法24
- 1.7.2<div>元素25
- 1.7.3<header>元素25
- 1.7.4<hgroup>元素26
- 1.7.5<nav>元素26
- 1.7.6<section>元素26
- 1.7.7<article>元素27
- 1.7.8<hr>元素27
- 1.7.9<blockquote>元素27
- 1.7.10在<blockquote>元素中使用cite特性28
- 1.7.11<aside>元素28
- 1.7.12<footer>元素28
- 1.7.13<address>元素29
- 1.8使用列表29
- 1.8.1使用<ul>元素创建无序列表29
- 1.8.2有序列表30
- 1.8.3定义列表32
- 1.8.4列表嵌套33
- 1.9本章小结34
- 第2章文本的微调35
- 2.1描述文本级语义的元素35
- 2.1.1<span>元素35
- 2.1.2<em>元素36
- 2.1.3<strong>元素36
- 2.1.4<b>元素37
- 2.1.5<i>元素37
- 2.1.6<strong>和<b>以及<em>和<i>37
- 2.1.7<small>元素37
- 2.1.8<cite>元素37
- 2.1.9<q>元素37
- 2.1.10<dfn>元素38
- 2.1.11<abbr>元素38
- 2.1.12<time>元素38
- 2.1.13<code>元素39
- 2.1.14<figure>及<figcaption>元素40
- 2.1.15<var>元素40
- 2.1.16<samp>元素41
- 2.1.17<kbd>元素41
- 2.1.18<sup>元素41
- 2.1.19<sub>元素42
- 2.1.20<mark>元素42
- 2.2编辑文本45
- 2.3使用字符实体显示特殊字符46
- 2.4注释47
- 2.5本章小结47
- 第3章链接与导航49
- 3.1基本链接50
- 3.1.1链接到其他网页50
- 3.1.2链接到电子邮件地址51
- 3.2理解目录以及目录结构54
- 3.3理解URL55
- 3.3.1绝对与相对URL地址57
- 3.3.2<base>元素59
- 3.4使用<a>元素创建页内链接59
- 3.4.1使用href特性创建源锚60
- 3.4.2使用name与id特性创建目的锚(链接至页面内特定位置)60
- 3.4.3<a>元素的其他特性62
- 3.5高级电子邮件链接67
- 3.6本章小结68
- 第4章图片、音频与视频71
- 4.1使用<img>元素添加图片72
- 4.1.1src特性72
- 4.1.2alt特性72
- 4.1.3height与width特性73
- 4.1.4向网页中添加图片75
- 4.2使用图片作为链接76
- 4.3选择正确的图片格式76
- 4.3.1GIF图片78
- 4.3.2动态GIF81
- 4.3.3JPEG图片82
- 4.3.4PNG图片83
- 4.3.5保持小尺寸文件84
- 4.4为网页添加Flash、视频以及音频86
- 4.4.1向页面中添加YouTube电影87
- 4.4.2使用<audio>及<video>元素添加富媒体88
- 4.4.3使用<audio>元素向网页中添加音频89
- 4.4.4关于容器和编解码器90
- 4.4.5向网页中添加Flash影片90
- 4.4.6跨浏览器视频——使用“VideoforEverybody”93
- 4.4.7视频规格95
- 4.4.8仔细观察<object>与<param>元素95
- 4.4.9<param>元素96
- 4.5本章小结96
- 第5章表格101
- 5.1表格介绍101
- 5.2基本表格元素与特性108
- 5.2.1<table>元素创建表格108
- 5.2.2创建基本表格110
- 5.3为表格添加标题111
- 5.4表格区域分组112
- 5.4.1使用colspan特性跨越列112
- 5.4.2使用rowspan特性跨域行113
- 5.4.3将表格分解为表头、表体及表尾114
- 5.4.4使用<colgroup>元素进行列分组117
- 5.4.5使用<col>元素在列间共享样式118
- 5.5嵌套表格119
- 5.6易访问表格120
- 5.6.1如何线性化表格121
- 5.6.2使用id、scope及headers特性121
- 5.6.3创建易访问表格122
- 5.7本章小结124
- 第6章表单127
- 6.1表单介绍128
- 6.2使用<form>元素创建表单131
- 6.2.1action特性131
- 6.2.2method特性131
- 6.2.3id特性132
- 6.2.4name特性132
- 6.2.5enctype特性132
- 6.2.6accept-charset特性132
- 6.2.7novalidate特性133
- 6.2.8target特性133
- 6.2.9autocomplete特性133
- 6.3表单控件133
- 6.3.1文本输入控件134
- 6.3.2新的HTML5输入控件类型与特性139
- 6.3.3按钮143
- 6.3.4复选框146
- 6.3.5单选按钮148
- 6.3.6选择框150
- 6.3.7文件选择框154
- 6.3.8隐藏控件155
- 6.3.9新的HTML5表单元素156
- 6.4创建一个联系方式表单158
- 6.5使用<label>元素为控件创建标签160
- 6.6使用<fieldset>及<legend>元素组织表单结构162
- 6.7焦点163
- 6.7.1标签遍历顺序164
- 6.7.2快捷键165
- 6.8disabled与readonly控件167
- 6.9向服务器发送表单数据168
- 6.9.1HTTPget168
- 6.9.2HTTPpost方法169
- 6.10创建更有用的表单字段170
- 6.11本章小结173
- 第7章层叠样式表175
- 7.1CSS介绍176
- 7.1.1一个基本示例177
- 7.1.2继承181
- 7.2可以添加CSS规则的位置181
- 7.2.1<link>元素182
- 7.2.2<style>元素184
- 7.2.3外部样式表的优势184
- 7.3CSS属性185
- 7.4控制文本187
- 7.4.1font-family属性188
- 7.4.2font-size属性189
- 7.4.3font-weight属性190
- 7.4.4font-style属性191
- 7.4.5font-variant属性192
- 7.5文本格式化193
- 7.5.1color属性193
- 7.5.2text-align属性193
- 7.5.3vertical-align属性194
- 7.5.4text-decoration属性196
- 7.5.5text-indent属性196
- 7.5.6text-shadow属性197
- 7.5.7text-transform属性198
- 7.5.8letter-spacing属性199
- 7.5.9word-spacing属性199
- 7.5.10white-space属性200
- 7.5.11direction属性201
- 7.6文本伪类202
- 7.6.1first-letter伪类202
- 7.6.2first-line伪类202
- 7.7文本样式化202
- 7.8选择器205
- 7.8.1通用选择器205
- 7.8.2类型选择器205
- 7.8.3类选择器205
- 7.8.4id选择器206
- 7.8.5子选择器207
- 7.8.6后代选择器207
- 7.8.7相邻兄弟选择器207
- 7.8.8一般兄弟选择器207
- 7.8.9使用子选择器与兄弟选择器减少对于标记中类型的依赖208
- 7.8.10特性选择器209
- 7.9长度211
- 7.9.1相对单位212
- 7.9.2绝对单位213
- 7.9.3百分比213
- 7.10盒子模型介绍214
- 7.10.1一个演示盒子模型的示例215
- 7.10.2border属性216
- 7.10.3padding属性219
- 7.10.4margin属性220
- 7.10.5内容盒子的尺寸221
- 7.11为程序代码创建样式表228
- 7.12本章小结232
- 第8章关于层叠样式表的更多介绍235
- 8.1链接235
- 8.2背景237
- 8.2.1background-color属性237
- 8.2.2background-image属性238
- 8.2.3background-repeat属性240
- 8.2.4background-position属性
- (用于定位背景)241
- 8.2.5background-attachment属性(用于水印)242
- 8.2.6background属性(缩略形式)243
- 8.3列表244
- 8.3.1list-style-type属性244
- 8.3.2list-style-position属性246
- 8.3.3list-style-image属性247
- 8.3.4list-style属性(缩略形式)247
- 8.4表格248
- 8.4.1表格专用属性250
- 8.4.2border-collapse属性250
- 8.4.3border-spacing属性252
- 8.4.4empty-cells属性252
- 8.4.5caption-side属性254
- 8.4.6table-layout属性254
- 8.5轮廓256
- 8.5.1outline-width属性256
- 8.5.2outline-style属性257
- 8.5.3outline-color属性257
- 8.5.4outline属性(缩略形式)257
- 8.6:focus与:active伪类258
- 8.7生成的内容258
- 8.7.1:before与:after伪元素259
- 8.7.2content属性260
- 8.8杂项属性263
- 8.8.1cursor属性263
- 8.8.2display属性265
- 8.8.3visibility属性265
- 8.9额外规则266
- 8.9.1@import规则:模块化的样式表266
- 8.9.2!important规则267
- 8.10使用CSS定位与布局268
- 8.10.1正常流269
- 8.10.2position属性269
- 8.10.3盒子偏移属性270
- 8.10.4相对定位270
- 8.10.5绝对定位271
- 8.10.6固定定位273
- 8.10.7z-index属性274
- 8.10.8使用float属性实现流动275
- 8.10.9clear属性277
- 8.10.10构建样例布局278
- 8.11本章小结282
- 第9章圆角、动画、自定义字体以及CSS3的更多内容285
- 9.1CSS3的模块化方式286
- 9.2成熟的CSS3模块286
- 9.2.1更强大的CSS选择器286
- 9.2.2高级颜色可选方案289
- 9.2.3背景及边框模块292
- 9.2.4多列布局模块294
- 9.2.5媒体查询297
- 9.3新的以及开发中的模块299
- 9.3.1使用@font-face指令自定义字体300
- 9.3.2变形、动画以及过渡的高级CSS操控304
- 9.4本章小结309
- 第10章学习JavaScript313
- 10.1关于编程314
- 10.2如何在页面中添加脚本316
- 10.2.1JavaScript中的注释317
- 10.2.2<noscript>元素318
- 10.3创建外部JavaScript318
- 10.4文档对象模型319
- 10.4.1使用点符号访问值320
- 10.4.2不同类型的对象320
- 10.5开始使用JavaScript进行编程320
- 10.5.1JavaScript控制台321
- 10.5.2总体编程概念322
- 10.6变量323
- 10.6.1为变量赋值323
- 10.6.2变量的生命周期324
- 10.7操作符324
- 10.7.1算术操作符325
- 10.7.2赋值操作符325
- 10.7.3比较操作符325
- 10.7.4逻辑或布尔操作符326
- 10.7.5字符串操作符(将+号与字符串结合使用)327
- 10.8函数327
- 10.8.1如何定义函数327
- 10.8.2如何调用函数327
- 10.8.3return语句328
- 10.8.4函数表达式和匿名函数329
- 10.9条件语句329
- 10.9.1if语句330
- 10.9.2if…else语句330
- 10.9.3switch语句331
- 10.10循环333
- 10.10.1while333
- 10.10.2do…while334
- 10.10.3for334
- 10.10.4无限循环和break语句335
- 10.11事件335
- 10.12内置对象336
- 10.12.1String336
- 10.12.2Date340
- 10.12.3Math343
- 10.12.4数组344
- 10.12.5window347
- 10.13编写JavaScript348
- 10.13.1数据类型349
- 10.13.2关键字350
- 10.14本章小结350
- 第11章使用jQuery353
- 11.1为什么使用jQuery354
- 11.2在页面中加入jQuery354
- 11.3jQuery基础356
- 11.3.1$函数介绍356
- 11.3.2链式结构356
- 11.3.3使用$(document).ready()以智能方式启动脚本357
- 11.4jQuery与DOM357
- 11.4.1使用jQuery选择元素357
- 11.4.2创建和添加元素359
- 11.4.3使用jQuery操控元素360
- 11.4.4基本动画与特效365
- 11.5使用jQuery管理事件367
- 11.5.1使用$().on()和$().off()绑定事件367
- 11.5.2jQuery遗留事件处理369
- 11.5.3使用jQuery、CSS和HTML添加交互性370
- 11.6本章小结373
- 第12章jQuery:超越基础375
- 12.1jQuery的Ajax功能375
- 12.1.1JSON、XML或文本377
- 12.1.2GET和POST379
- 12.1.3表单校验382
- 12.1.4使用jQuery为网站添加联系方式表单384
- 12.2jQueryUI388
- 12.2.1获取jQueryUI388
- 12.2.2jQueryUI行为389
- 12.2.3jQueryUI部件393
- 12.3本章小结401
- 第13章检查清单405
- 13.1搜索引擎优化检查清单405
- 13.1.1页上技术405
- 13.1.2识别关键词和短语406
- 13.1.3页下技术408
- 13.2可访问性检查清单409
- 13.2.1创建文档409
- 13.2.2结构和语义标记409
- 13.2.3链接和导航410
- 13.2.4图像和多媒体410
- 13.2.5颜色410
- 13.2.6表格411
- 13.2.7表单411
- 13.2.8样式表411
- 13.2.9JavaScript411
- 13.2.10跳跃链接412
- 附录A练习答案413
- 附录BHTML元素参考441
- 附录CCSS属性475
- 附录D颜色名称与值507
- 附录E字符编码517
- 附录F特殊字符521
- 附录G语言代码533
- 附录HMIME媒体类型539
- 附录IHTML4与HTML5之间的变化551