HTML5與CSS3基礎(chǔ)教程（第7版）

第1　 章　　網(wǎng)頁的構(gòu)造塊　 1
1.1　　基本HTML　 頁面　 2
1.2　　　 語義化HTML：有含義的標(biāo)記　 4
1.3　　標(biāo)記：元素、屬性和值　 8
1.4　　網(wǎng)頁的文本內(nèi)容　 10
1.5　　　 鏈接、圖像和其他非文本內(nèi)容　 11
1.6　　文件名　 12
1.7　　URL　 13
1.8　　要點(diǎn)回顧　 16
第2　 章　　處理網(wǎng)頁文件　 17
2.1　　規(guī)劃網(wǎng)站　 17
2.2　　創(chuàng)建新的網(wǎng)頁　 18
2.3　　保存網(wǎng)頁　 19
2.4　　指定默認(rèn)頁面或主頁　 21
2.5　　編輯網(wǎng)頁　 22
2.6　　組織文件　 23
2.7　　在瀏覽器中查看網(wǎng)頁　 24
2.8　　借鑒他人靈感　 25
第3　 章　　基本HTML　 結(jié)構(gòu)　 27
3.1　　開始編寫網(wǎng)頁　 27
3.2　　創(chuàng)建頁面標(biāo)題　 30
3.3　　創(chuàng)建分級標(biāo)題　 31
3.4　　理解HTML5　 的文檔大綱　 32
3.5　　對分級標(biāo)題進(jìn)行分組　 36
3.6　　普通頁面構(gòu)成　 37
3.7　　創(chuàng)建頁眉　 38
3.8　　標(biāo)記導(dǎo)航　 40
3.9　　創(chuàng)建文章　 42
3.10　　定義區(qū)塊　 45
3.11　　指定側(cè)欄　 48
3.12　　創(chuàng)建頁腳　 51
3.13　　創(chuàng)建通用容器　 54
3.14　　使用ARIA　 提升可訪問性　 57
3.15　　為元素指定類或ID　 名稱　 60
3.16　　為元素添加title　 屬性　 62
3.17　　添加注釋　 63
第4　 章　　文本　 65
4.1　　開始新的段落　 65
4.2　　添加作者聯(lián)系信息　 66
4.3　　創(chuàng)建圖　 68
4.4　　指定時(shí)間　 69
4.5　　標(biāo)記重要或強(qiáng)調(diào)的文本　 72
4.6　　指明引用或參考　 74
4.7　　引述文本　 74
4.8　　突出顯示文本　 76
4.9　　解釋縮寫詞　 78
4.10　　定義術(shù)語　 79
4.11　　創(chuàng)建上標(biāo)和下標(biāo)　 80
4.12　　標(biāo)注編輯和不再準(zhǔn)確的文本　 82
4.13　　標(biāo)記代碼　 85
4.14　　使用預(yù)格式化的文本　 87
4.15　　指定細(xì)則　 88
4.16　　創(chuàng)建換行　 89
4.17　　創(chuàng)建span　 90
4.18　　其他元素　 91
第5　 章　　圖像　 97
5.1　　關(guān)于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　　為網(wǎng)站添加圖標(biāo)　 108
第6　 章　　鏈接　 110
6.1　　鏈接剖析　 110
6.2　　　 創(chuàng)建指向另一個(gè)網(wǎng)頁的鏈接　 111
6.3　　創(chuàng)建錨　 116
6.4　　鏈接到特定的錨　 117
6.5　　創(chuàng)建其他類型的鏈接　 118
第7　 章　　CSS　 構(gòu)造塊　 121
7.1　　構(gòu)造樣式規(guī)則　 121
7.2　　為樣式規(guī)則添加注釋　 122
7.3　　層疊：當(dāng)規(guī)則發(fā)生沖突時(shí)　 123
7.4　　屬性的值　 126
第8　 章　　操作樣式表文件　 133
8.1　　創(chuàng)建外部樣式表　 133
8.2　　鏈接到外部樣式表　 134
8.3　　創(chuàng)建嵌入樣式表　 136
8.4　　應(yīng)用內(nèi)聯(lián)樣式　 137
8.5　　位置的重要性　 138
8.6　　使用與媒體相關(guān)的樣式表　 139
8.7　　提供替代的樣式表　 140
8.8　　借鑒他人靈感：CSS　 142
第9　 章　　定義選擇器　 143
9.1　　構(gòu)造選擇器　 143
9.2　　按名稱選擇元素　 145
9.3　　按類或ID　 選擇元素　 146
9.4　　按上下文選擇元素　 148
9.5　　選擇元素的一部分　 152
9.6　　按狀態(tài)選擇鏈接元素　 154
9.7　　按屬性選擇元素　 155
9.8　　指定元素組　 159
9.9　　組合使用選擇器　 160
9.10　　選擇器回顧　 161
第10　 章　　文本的格式化　 162
10.1　　選擇字體系列　 163
10.2　　指定替代字體　 164
10.3　　創(chuàng)建斜體　 165
10.4　　應(yīng)用粗體格式　 167
10.5　　設(shè)置字體大小　 168
10.6　　設(shè)置行高　 172
10.7　　同時(shí)設(shè)置所有字體值　 173
10.8　　設(shè)置顏色　 174
10.9　　修改文本的背景　 175
10.10　　控制間距　 178
10.11　　增加縮進(jìn)179
10.12　　設(shè)置空白屬性　 180
10.13　　對齊文本　 181
10.14　　修改文本的大小寫　 182
10.15　　使用小型大寫字母　 183
10.16　　裝飾文本　 184
第11　 章　　用CSS　 進(jìn)行布局　 186
11.1　　開始布局注意事項(xiàng)　 186
11.2　　建立頁面結(jié)構(gòu)　 188
11.3　　在舊版瀏覽器中為HTML5元素添加樣式　 192
11.4　　對默認(rèn)樣式進(jìn)行重置或標(biāo)準(zhǔn)化　 194
11.5　　盒模型　 195
11.6　　修改背景　 197
11.7　　設(shè)置元素的高度和寬度　 199
11.8　　設(shè)置元素周圍的外邊距　 202
11.9　　在元素周圍添加內(nèi)邊距　 204
11.10　　使元素浮動(dòng)　 206
11.11　　控制元素浮動(dòng)的位置　 207
11.12　　設(shè)置邊框　 210
11.13　　偏移自然流中的元素　 212
11.14　　對元素進(jìn)行絕對定位　 213
11.15　　指定元素的三維位置　 215
11.16　　決定溢出的位置　 216
11.17　　垂直對齊元素　 218
11.18　　修改鼠標(biāo)指針　 218
11.19　　顯示和隱藏元素　 219
第12　 章　　　 樣式表——從移動(dòng)設(shè)備到臺(tái)式機(jī)　 222
12.1　　移動(dòng)戰(zhàn)略和注意事項(xiàng)　 222
12.2　　理解和實(shí)現(xiàn)媒體查詢　 226
12.3　　構(gòu)建適用于媒體查詢的頁面　 232
第13　 章　　使用Web　 字體　 241
13.1　　什么是Web　 字體　 241
13.2　　在哪里能找到Web字體　 242
13.3　　下載第一個(gè)Web字體　 244
13.4　　使用@font-face　 245
13.5　　　 對Web　 字體添加樣式及管理文件大小　 248
第14　 章　　使用CSS3　 進(jìn)行增強(qiáng)　 251
14.1　　理解廠商前綴　 251
14.2　　瀏覽器兼容性速覽　 252
14.3　　使用polyfill　 實(shí)現(xiàn)漸進(jìn)增強(qiáng)　 253
14.4　　為元素創(chuàng)建圓角　 254
14.5　　為文本添加陰影　 257
14.6　　為其他元素添加陰影　 259
14.7　　應(yīng)用多重背景　 261
14.8　　使用漸變背景　 262
14.9　　為元素設(shè)置不透明度　 265
第15　 章　　列表　 267
15.1　　創(chuàng)建有序列表和無序列表　 267
15.2　　選擇標(biāo)識　 269
15.3　　選擇列表的起始編號　 271
15.4　　使用定制的標(biāo)識　 271
15.5　　控制標(biāo)識的位置　 273
15.6　　　 同時(shí)設(shè)置所有的列表樣式屬性　 274
15.7　　設(shè)置嵌套列表的樣式　 274
15.8　　創(chuàng)建描述列表　 278
第16　 章　　表單　 282
16.1　　創(chuàng)建表單　 282
16.2　　處理表單　 284
16.3　　通過電子郵件發(fā)送表單數(shù)據(jù)　 287
16.4　　對表單元素進(jìn)行組織　 288
16.5　　創(chuàng)建文本框　 290
16.6　　創(chuàng)建密碼框　 292
16.7　　　 創(chuàng)建電子郵件框、電話框和URL　 框　 293
16.8　　為表單組件添加標(biāo)簽　 294
16.9　　創(chuàng)建單選按鈕　 296
16.10　　創(chuàng)建選擇框　 297
16.11　　創(chuàng)建復(fù)選框　 298
16.12　　創(chuàng)建文本區(qū)域　 299
16.13　　讓訪問者上傳文件　 300
16.14　　創(chuàng)建隱藏字段　 301
16.15　　創(chuàng)建提交按鈕　 302
16.16　　使用圖像提交表單　 303
16.17　　禁用表單元素　 304
16.18　　　 HTML5　 的新特性和瀏覽器支持情況　 304
第17　 章　　視頻、音頻和其他多媒體　 306
17.1　　第三方插件及步入原生　 306
17.2　　視頻文件格式　 307
17.3　　在網(wǎng)頁中添加單個(gè)視頻　 308
17.4　　視頻屬性一覽　 308
17.5　　為視頻添加控件和自動(dòng)播放　 308
17.6　　　 為視頻指定循環(huán)播放和海報(bào)圖像　 310
17.7　　阻止預(yù)加載視頻　 310
17.8　　使用多個(gè)來源的視頻　 311
17.9　　多個(gè)媒體源和source　 元素　 311
17.10　　　 添加具有備用超鏈接的視頻　 312
17.11　　　 添加具有備用Flash　 的視頻　 313
17.12　　提供可訪問性　 315
17.13　　添加音頻文件格式　 315
17.14　　　 在網(wǎng)頁中添加單個(gè)音頻文件　 316
17.15　　　 在網(wǎng)頁中添加帶控件的單個(gè)音頻文件　 316
17.16　　音頻屬性一覽　 317
17.17　　　 為音頻添加控件、自動(dòng)播放并設(shè)置循環(huán)播放　 317
17.18　　預(yù)加載音頻文件　 318
17.19　　提供多個(gè)音頻源　 318
17.20　　　 添加具有備用超鏈接的音頻　 319
17.21　　　 添加具有備用Flash　 的音頻　 319
17.22　　　 添加同時(shí)具有備用Flash和超鏈接的音頻　 320
17.23　　獲取多媒體文件　 321
17.24　　考慮數(shù)字版權(quán)管理（DRM）　 321
17.25　　嵌入Flash　 動(dòng)畫　 321
17.26　　嵌入YouTube　 視頻　 322
17.27　　通過canvas　 操作視頻　 322
17.28　　聯(lián)合使用SVG　 和視頻　 323
17.29　　更多資源　 323
第18　 章　　表格　 324
18.1　　結(jié)構(gòu)化表格　 324
18.2　　讓單元格跨越多列或多行　 327
第19　 章　　處理腳本　 329
19.1　　加載外部腳本　 329
19.2　　添加嵌入腳本　 332
19.3　　JavaScript　 事件　 332
第20　 章　　測試和調(diào)試網(wǎng)頁　 334
20.1　　嘗試一些調(diào)試技巧　 334
20.2　　檢查常見錯(cuò)誤：一般問題　 336
20.3　　檢查常見錯(cuò)誤：HTML　 337
20.4　　檢查常見錯(cuò)誤：CSS　 338
20.5　　驗(yàn)證代碼　 339
20.6　　測試頁面　 341
20.7　　當(dāng)圖像不出現(xiàn)時(shí)　 344
20.8　　仍然有錯(cuò)誤　 345
第21　 章　　發(fā)布網(wǎng)站　 346
21.1　　獲得域名　 346
21.2　　為網(wǎng)站尋找主機(jī)　 347
21.3　　將文件傳送至服務(wù)器　 348
附錄A　　HTML　 參考　 352
附錄B　　CSS　 引用　 363