《HTML5從入門到精通》是2012年清華大學出版社出版的圖書，作者是明日科技，該書全面地講解了HTML語言及其最新版本HTML5的新功能與新特性。
基本介紹
- 作者：明日科技
- ISBN：9787302287582
- 頁數：430
- 定價：59.80元
- 出版社：清華大學出版社
- 出版時間：2012-9
- 裝幀：平裝
- 副標題：HTML5從入門到精通
內容介紹,作品目錄,
內容介紹
《HTML5從入門到精通》系統、全面地講解了HTML語言及其最新版本HTML5的新功能與新特性，技術新穎實用。書中所有知識點均結合實例進行講解，方便讀者動手實踐。同時在每章的最後還設定了習題，通過這些習題可以對本章學到的知識進行鞏固。《HTML5從入門到精通》不僅能夠使讀者系統而全面地學習理論知識，還能滿足讀者充分實踐的需求。
作品目錄
目 錄
第1篇 HTML基礎
第1章 HTML基礎 3
教學錄像：22分鐘
1.1 HTML的基本概念 4
1.2 HTML發展史 4
1.3 HTML的基本結構 5
1.3.1 HTML檔案的編寫方法 5
1.3.2 檔案開始標籤<html> 7
1.3.3 檔案頭部標籤<head> 7
1.3.4 檔案標題標籤<title> 7
1.3.5 檔案主體標籤<body> 7
1.3.6 編寫檔案的注意事項 8
1.4 編寫第一個HTML檔案 8
1.4.1 HTML檔案的編寫方法 8
1.4.2 手工編寫頁面 9
1.4.3 使用可視化軟體製作頁面 10
1.4.4 使用瀏覽器瀏覽HTML檔案 14
1.4.5 使用HTML開發的明日圖書網 14
1.5 小結 15
1.6 習題 16
第2章 HTML檔案基本標記 17
教學錄像：44分鐘
2.1 HTML頭部標記 18
2.2 標題標記<title> 18
2.3 元信息標記<meta> 19
2.3.1 設定頁面關鍵字 19
2.3.2 設定頁面描述 20
2.3.3 設定編輯工具 20
2.3.4 設定作者信息 21
2.3.5 限制搜尋方式 22
2.3.6 設定網頁文字及語言 22
2.3.7 設定網頁的定時跳轉 23
2.3.8 設定有效期限 24
2.3.9 禁止從快取中調用 24
2.3.10 刪除過期的cookie 25
2.3.11 強制打開新視窗 25
2.3.12 設定網頁的過渡效果 26
2.4 基底網址標記<base> 29
2.5 頁面的主體標記<body> 30
2.5.1 設定文字顏色——text 31
2.5.2 背景顏色屬性——bgcolor 32
2.5.3 背景圖像屬性——background 32
2.5.4 設定連結文字屬性——link 35
2.5.5 設定邊距——margin 37
2.6 頁面的注釋標記 38
2.7 實例演練——創建基本的HTML網頁 38
2.8 小結 39
2.9 習題 40
第3章 設計網頁文本內容 41
教學錄像：29分鐘
3.1 標題文字的建立 42
3.1.1 標題文字標記<h> 42
3.1.2 標題文字的對齊方式——align 43
3.2 設定文字格式 44
3.2.1 設定文字字型——face 44
3.2.2 設定字號——size 45
3.2.3 設定文字顏色——color 46
3.2.4 粗體、斜體、下劃線——strong、em、u 46
3.2.5 上標與下標——sup、sub 47
3.2.6 設定刪除線——strike 48
3.2.7 等寬文字標記——code 49
3.2.8 空格——&nbsp; 49
3.2.9 其他特殊符號 50
3.3 設定段落格式 51
3.3.1 段落標記——p 51
3.3.2 取消文字換行標記——nobr 52
3.3.3 換行標記——br 53
3.3.4 保留原始排版方式標記——pre 53
3.3.5 居中對齊標記——center 54
3.3.6 向右縮進標記——blockquote 55
3.4 水平線標記 56
3.4.1 添加水平線——hr 56
3.4.2 設定水平線的寬度與高度
——width、height 57
3.4.3 設定水平線的顏色——color 58
3.4.4 設定水平線的對齊方式——align 59
3.4.5 去掉水平線陰影——noshade 60
3.5 其他文字標記 60
3.5.1 文字標註標記——ruby 60
3.5.2 聲明變數標記——var 61
3.5.3 忽視HTML標記
——plaintext、xmp 62
3.6 小結 63
3.7 習題 63
第4章 使用列表 65
教學錄像：35分鐘
4.1 列表的標記 66
4.2 使用無序列表 66
4.2.1 無序列表標記——ul 66
4.2.2 無序列表的符號類型——type 67
4.3 使用有序列表 69
4.3.1 有序列表標記——ol 69
4.3.2 有序列表的屬性——type 70
4.3.3 有序列表的起始數值——start 72
4.4 定義列表標記——dl 73
4.5 選單列表標記——menu 74
4.6 目錄列表——dir 75
4.7 使用嵌套列表 76
4.7.1 定義列表的嵌套 77
4.7.2 無序列表和有序列表的嵌套 78
4.8 小結 79
4.9 習題 80
第5章 超連結 81
教學錄像：22分鐘
5.1 超連結的基本知識 82
5.1.1 超連結 82
5.1.2 絕對路徑 82
5.1.3 相對路徑 82
5.2 超連結的建立 83
5.2.1 超連結標記的基本語法 83
5.2.2 建立文本超連結 83
5.2.3 設定超連結的目標視窗 85
5.3 內部連結 87
5.4 書籤連結 89
5.4.1 建立書籤 89
5.4.2 連結到同一頁面的書籤 91
5.4.3 連結到不同頁面的書籤 92
5.5 外部連結 93
5.5.1 通過HTTP協定 94
5.5.2 通過FTP 94
5.5.3 傳送E-mail 95
5.5.4 下載檔案 96
5.6 其他連結 98
5.6.1 腳本連結 98
5.6.2 空連結 99
5.7 小結 99
5.8 習題 100
第6章 使用圖像 101
教學錄像：35分鐘
6.1 圖像的基本格式 102
6.2 添加圖像——img 102
6.3 設定圖像屬性 103
6.3.1 圖像高度——height 103
6.3.2 圖像寬度——width 104
6.3.3 圖像框線——border 105
6.3.4 圖像水平間距——hspace 107
6.3.5 圖像垂直間距——vspace 108
6.3.6 圖像相對於文字基準線的對齊方式
——align 108
6.3.7 圖像的提示文字——alt 110
6.4 圖像的超連結 111
6.4.1 設定圖像的超連結 111
6.4.2 設定圖像熱區連結 112
6.5 小結 116
6.6 習題 116
第7章 表格的套用 118
教學錄像：48分鐘
7.1 創建表格 119
7.1.1 表格的基本構成——table、tr、td 119
7.1.2 表格的標題——caption 120
7.1.3 表格的表頭——th 121
7.2 設定表格基本屬性 123
7.2.1 表格的寬度——width 123
7.2.2 表格的高度——height 125
7.2.3 表格的對齊方式——align 126
7.3 設定表格的框線 127
7.3.1 表格框線的寬度——border 127
7.3.2 表格框線的顏色——bordercolor 128
7.3.3 表格內框的寬度——cellspacing 130
7.3.4 表格內文字與框線的間距
——cellpadding 131
7.4 設定表格背景 132
7.4.1 表格的背景顏色——bgcolor 132
7.4.2 表格的背景圖像——background 133
7.5 設定表格的行屬性 134
7.5.1 高度的控制——height 134
7.5.2 行的框線顏色——bordercolor 135
7.5.3 行的背景顏色——bgcolor、background 136
7.5.4 行文字的水平對齊方式——align 137
7.5.5 行文字的垂直對齊方式——valign 139
7.5.6 表格標題的垂直對齊方式——align 140
7.6 調整單元格屬性 141
7.6.1 單元格大小——width、height 141
7.6.2 單元格水平跨度——colspan 142
7.6.3 單元格垂直跨度——rowspan 143
7.6.4 單元格對齊方式——align、valign 144
7.6.5 單元格的背景色 146
7.6.6 單元格的框線顏色——bordercolor 147
7.6.7 單元格的亮框線——bordercolorlight 148
7.6.8 單元格的暗框線——bordercolordark 150
7.6.9 單元格的背景圖像——background 151
7.7 表格的結構 152
7.7.1 表格的表頭標記——thead 153
7.7.2 表格的表主體標記——tbody 154
7.7.3 表格的表尾標記——tfoot 156
7.8 表格的嵌套 157
7.9 小結 159
7.10 習題 159
第8章 層標記——div 161
教學錄像：33分鐘
8.1 層 162
8.1.1 層的分類 162
8.1.2 定義數據塊 162
8.2 <div>標籤 163
8.2.1 <div>標籤的簡介 163
8.2.2 <div>標籤的屬性 164
8.2.3 <span>標籤與<div>標籤 170
8.3 <iframe>標籤 172
8.3.1 <iframe>標籤的簡介 172
8.3.2 <iframe>標籤的屬性 172
8.4 <layer>標籤和<ilayer>標籤 174
8.4.1 標籤層的使用 175
8.4.2 <layer>標籤和<ilayer>標籤的區別 176
8.5 套用div製作下拉選單導航條 176
8.6 小結 179
8.7 習題 179
第9章 編輯表單 181
教學錄像：26分鐘
9.1 使用表單標籤——form 182
9.1.1 處理動作——action 182
9.1.2 表單名稱——name 183
9.1.3 傳送方法——method 183
9.1.4 編碼方式——enctype 184
9.1.5 目標顯示方式——target 185
9.2 添加控制項 185
9.3 輸入類的控制項 186
9.3.1 文字欄位——text 186
9.3.2 密碼域——password 187
9.3.3 單選按鈕——radio 188
9.3.4 複選框——checkbox 189
9.3.5 普通按鈕——button 190
9.3.6 提交按鈕——submit 191
9.3.7 重置按鈕——reset 192
9.3.8 圖像域——image 193
9.3.9 隱藏域——hidden 195
9.3.10 檔案域——file 195
9.4 列表/選單標記 197
9.5 文本域標記——textarea 198
9.6 id標記 199
9.7 小結 200
9.8 習題 200
第10章 多媒體頁面 202
視頻講解：18分鐘
10.1 設定滾動文字 203
10.1.1 滾動文字標籤——marquee 203
10.1.2 滾動方向屬性——direction 203
10.1.3 滾動方式屬性——behavior 204
10.1.4 滾動速度屬性——scrollamount 205
10.1.5 滾動延遲屬性——scrolldelay 206
10.1.6 滾動循環屬性——loop 207
10.1.7 滾動範圍屬性——width、height 208
10.1.8 滾動背景顏色屬性——bgcolor 209
10.1.9 滾動空間屬性——hspace、vspace 209
10.2 添加背景音樂 211
10.2.1 設定背景音樂——bgsound 211
10.2.2 設定循環播放次數——loop 212
10.3 添加多媒體檔案 213
10.3.1 添加多媒體檔案標記——embed 213
10.3.2 設定自動運行——autostart 214
10.3.3 設定媒體檔案的循環播放——loop 215
10.3.4 隱藏面板——hidden 216
10.3.5 添加其他類型的媒體檔案 217
10.4 小結 217
10.5 習題 218
第2篇 HTML 5高級套用
第11章 HTML 5的新特性 221
視頻講解：6分鐘
11.1 誰在開發HTML 5 222
11.2 HTML 5的新認識 222
11.2.1 兼容性 222
11.2.2 實用性和用戶優先 222
11.2.3 化繁為簡 223
11.3 無外掛程式範式 223
11.4 HTML 5的新特性 224
11.5 小結 224
第12章 HTML 5與HTML 4的區別 225
視頻講解：51分鐘
12.1 語法的改變 226
12.1.1 HTML 5的語法變化 226
12.1.2 HTML 5中的標記方法 226
12.1.3 HTML 5語法中的3個要點 227
12.1.4 標籤實例 228
12.2 新增的元素和廢除的元素 228
12.2.1 新增的結構元素 228
12.2.2 新增的塊級的語義元素 230
12.2.3 新增的行內的語義元素 231
12.2.4 新增的嵌入多媒體元素與互動性元素 231
12.2.5 新增的input元素的類型 232
12.2.6 廢除的元素 233
12.3 新增的屬性和廢除的屬性 234
12.3.1 新增的屬性 234
12.3.2 廢除的屬性 236
12.4 全局屬性 237
12.4.1 contentEditable屬性 237
12.4.2 designMode屬性 238
12.4.3 hidden屬性 239
12.4.4 spellcheck屬性 239
12.4.5 tabindex屬性 240
12.5 小結 240
12.6 習題 240
第13章 HTML 5的結構 242
視頻講解：20分鐘
13.1 新增的主體結構元素 243
13.1.1 article元素 243
13.1.2 section元素 245
13.1.3 nav元素 247
13.1.4 aside元素 248
13.1.5 time元素 250
13.1.6 pubdate屬性 250
13.2 新增的非主體結構元素 251
13.2.1 header元素 251
13.2.2 hgroup元素 252
13.2.3 footer元素 252
13.2.4 address元素 253
13.3 小結 253
13.4 習題 254
第14章 HTML 5中的表單 255
視頻講解：50分鐘
14.1 新增表單元素與屬性 256
14.1.1 新增的屬性 256
14.1.2 增加與改良的input元素的種類 259
14.1.3 output元素的添加 264
14.1.4 套用新增元素製作註冊表單 264
14.2 對表單的驗證 266
14.2.1 自動驗證 266
14.2.2 checkValidity顯式驗證法 267
14.2.3 避免驗證 268
14.2.4 使用setCustomValidity方法自定義
錯誤信息 268
14.3 增加的頁面元素 269
14.3.1 新增的figure元素 270
14.3.2 新增的details元素 271
14.3.3 新增的mark元素 272
14.3.4 新增的progress元素 274
14.3.5 新增的meter元素 275
14.3.6 改良的ol列表 276
14.3.7 改良的dl列表 276
14.3.8 加以嚴格限制的cite元素 277
14.3.9 重新定義的small元素 278
14.4 小結 278
14.5 習題 279
第15章 HTML 5中的檔案與拖放 280
視頻講解：40分鐘
15.1 選擇檔案 281
15.1.1 通過file對象選擇檔案 281
15.1.2 使用blob接口獲取檔案的類型與大小 282
15.1.3 通過類型過濾選擇的檔案 283
15.2 使用FileReader接口讀取檔案 285
15.2.1 檢測瀏覽器是否支持FileReader接口 285
15.2.2 FileReader接口的方法 285
15.2.3 使用readAsDataURL方法預覽圖片 286
15.2.4 使用readAsText方法讀取文本檔案 287
15.2.5 FileReader接口中的事件 288
15.3 拖放API 290
15.3.1 實現拖放的步驟 290
15.3.2 通過拖放顯示歡迎信息 291
15.4 dataTransfer對象套用詳解 293
15.4.1 使用effectAllowed和dropEffect屬性
設定拖放效果 293
15.4.2 使用setDragImage方法設定拖放圖示 294
15.5 小結 295
15.6 習題 295
第16章 多媒體播放 296
視頻講解：35分鐘
16.1 HTML 5多媒體的簡述 297
16.1.1 HTML 4中多媒體的套用 297
16.1.2 HTML 5頁面中的多媒體 297
16.2 多媒體元素基本屬性 298
16.3 多媒體元素常用方法 302
16.3.1 媒體播放時的方法 302
16.3.2 canPlayType(type)方法 304
16.4 多媒體元素重要事件 304
16.4.1 事件處理方式 304
16.4.2 事件介紹 305
16.4.3 事件實例 306
16.5 小結 308
16.6 習題 309
第17章 繪製圖形 310
視頻講解：1小時32分鐘
17.1 canvas的基礎知識 311
17.1.1 canvas是什麼 311
17.1.2 在頁面中放置canvas元素 311
17.1.3 繪製帶框線的矩形 312
17.2 在畫布中使用路徑 314
17.2.1 使用arc方法繪製圓形 314
17.2.2 使用moveTo與lineTo路徑繪製火柴人 316
17.2.3 貝塞爾和二次方曲線 317
17.3 運用樣式與顏色 319
17.3.1 fillStyle 和 strokeStyle屬性 319
17.3.2 透明度 globalAlpha 321
17.3.3 線型 Line styles 323
17.4 繪製漸變圖形 325
17.4.1 繪製線性漸變 325
17.4.2 繪製徑向漸變 326
17.5 繪製變形圖形 328
17.5.1 坐標的變換 328
17.5.2 矩陣變換 330
17.6 組合多個圖形 333
17.7 給圖形繪製陰影 335
17.8 套用圖像 336
17.8.1 繪製圖像 336
17.8.2 圖像的局部放大 338
17.8.3 圖像平鋪 339
17.8.4 圖像裁剪 341
17.8.5 像素的處理 342
17.9 繪製文字 344
17.10 保存與恢復狀態 345
17.11 檔案的保存 346
17.12 對畫布繪製實現動畫 347
17.13 綜合實例——桌面時鐘 348
17.14 小結 350
17.15 習題 351
第18章 數據存儲 352
視頻講解：50分鐘
18.1 初識Web Storage 353
18.1.1 什麼是Web Storage 353
18.1.2 使用Web Storage中的API 353
18.1.3 sessionStorage和localStorage的實例
——計數器 355
18.1.4 Web Storage綜合實例——留言本 357
18.1.5 JSON對象的存數實例——用戶信息卡 359
18.2 本地資料庫 361
18.2.1 Web SQL資料庫簡介 361
18.2.2 使用Web SQL Database API 362
18.2.3 本地資料庫實例——用戶登錄 363
18.3 小結 367
18.4 習題 367
第19章 離線應用程式 368
視頻講解：13分鐘
19.1 HTML 5離線Web套用概述 369
19.1.1 離線Web套用概述 369
19.1.2 本地快取與瀏覽器網頁快取的區別 370
19.2 創建HTML 5離線套用 370
19.2.1 快取清單（manifest） 370
19.2.2 配置IIS伺服器 372
19.2.3 瀏覽快取清單 372
19.3 瀏覽器與伺服器的互動過程 373
19.4 applicationCache對象 374
19.4.1 swapCache方法 375
19.4.2 applicationCache對象的事件 376
19.5 小結 379
19.6 習題 379
第20章 使用Web Worker處理執行緒 380
視頻講解：25分鐘
20.1 Web Worker概述 381
20.1.1 創建和使用Worker 381
20.1.2 Web Worker套用實例——求和運算 382
20.2 在Worker內部能做什麼 383
20.3 多個JavaScript檔案的載入與執行 384
20.4 執行緒嵌套 384
20.4.1 單層嵌套 385
20.4.2 在多個子執行緒中進行數據的互動 387
20.5 小結 390
20.6 習題 390
第21章 通信API 391
視頻講解：4分鐘
21.1 跨文檔訊息通信 392
21.1.1 使用postMessageAPI 392
21.1.2 跨文檔訊息傳輸 392
21.2 小結 394
第22章 獲取地理位置信息 395
視頻講解：12分鐘
22.1 Geolocation API的概述 396
22.1.1 使用getCurrentPosition方法獲取
當前地理位置 396
22.1.2 持續監視當前地理位置的信息 398
22.1.3 停止獲取當前用戶的地理位置信息 398
22.2 position對象 398
22.3 在google地圖上顯示“我在這裡” 399
22.4 小結 401
22.5 習題 401
第3篇 HTML 5項目實戰
第23章 旅遊信息網前台頁面 405
視頻講解：20分鐘
23.1 概述 406
23.2 網站預覽 406
23.3 關鍵技術 410
23.3.1 網站主體結構設計 410
23.3.2 HTML 5結構元素的使用 410
23.4 網站公共部分設計 411
23.4.1 設計網站公共header 411
23.4.2 設計網站公共footer 418
23.5 網站主頁設計 419
23.5.1 顯示網站介紹及相關圖片 419
23.5.2 主頁左側導航的實現 421
23.6 留下足跡頁面設計 424
23.6.1 播放音樂 424
23.6.2 添加留言功能的實現 425
23.7 小結 426
附錄 習題參考答案 427
HTML 5從入門到精通
目 錄
X
XI
第1篇 HTML基礎
第1章 HTML基礎 3
教學錄像：22分鐘
1.1 HTML的基本概念 4
1.2 HTML發展史 4
1.3 HTML的基本結構 5
1.3.1 HTML檔案的編寫方法 5
1.3.2 檔案開始標籤<html> 7
1.3.3 檔案頭部標籤<head> 7
1.3.4 檔案標題標籤<title> 7
1.3.5 檔案主體標籤<body> 7
1.3.6 編寫檔案的注意事項 8
1.4 編寫第一個HTML檔案 8
1.4.1 HTML檔案的編寫方法 8
1.4.2 手工編寫頁面 9
1.4.3 使用可視化軟體製作頁面 10
1.4.4 使用瀏覽器瀏覽HTML檔案 14
1.4.5 使用HTML開發的明日圖書網 14
1.5 小結 15
1.6 習題 16
第2章 HTML檔案基本標記 17
教學錄像：44分鐘
2.1 HTML頭部標記 18
2.2 標題標記<title> 18
2.3 元信息標記<meta> 19
2.3.1 設定頁面關鍵字 19
2.3.2 設定頁面描述 20
2.3.3 設定編輯工具 20
2.3.4 設定作者信息 21
2.3.5 限制搜尋方式 22
2.3.6 設定網頁文字及語言 22
2.3.7 設定網頁的定時跳轉 23
2.3.8 設定有效期限 24
2.3.9 禁止從快取中調用 24
2.3.10 刪除過期的cookie 25
2.3.11 強制打開新視窗 25
2.3.12 設定網頁的過渡效果 26
2.4 基底網址標記<base> 29
2.5 頁面的主體標記<body> 30
2.5.1 設定文字顏色——text 31
2.5.2 背景顏色屬性——bgcolor 32
2.5.3 背景圖像屬性——background 32
2.5.4 設定連結文字屬性——link 35
2.5.5 設定邊距——margin 37
2.6 頁面的注釋標記 38
2.7 實例演練——創建基本的HTML網頁 38
2.8 小結 39
2.9 習題 40
第3章 設計網頁文本內容 41
教學錄像：29分鐘
3.1 標題文字的建立 42
3.1.1 標題文字標記<h> 42
3.1.2 標題文字的對齊方式——align 43
3.2 設定文字格式 44
3.2.1 設定文字字型——face 44
3.2.2 設定字號——size 45
3.2.3 設定文字顏色——color 46
3.2.4 粗體、斜體、下劃線——strong、em、u 46
3.2.5 上標與下標——sup、sub 47
3.2.6 設定刪除線——strike 48
3.2.7 等寬文字標記——code 49
3.2.8 空格——&nbsp; 49
3.2.9 其他特殊符號 50
3.3 設定段落格式 51
3.3.1 段落標記——p 51
3.3.2 取消文字換行標記——nobr 52
3.3.3 換行標記——br 53
3.3.4 保留原始排版方式標記——pre 53
3.3.5 居中對齊標記——center 54
3.3.6 向右縮進標記——blockquote 55
3.4 水平線標記 56
3.4.1 添加水平線——hr 56
3.4.2 設定水平線的寬度與高度
——width、height 57
3.4.3 設定水平線的顏色——color 58
3.4.4 設定水平線的對齊方式——align 59
3.4.5 去掉水平線陰影——noshade 60
3.5 其他文字標記 60
3.5.1 文字標註標記——ruby 60
3.5.2 聲明變數標記——var 61
3.5.3 忽視HTML標記
——plaintext、xmp 62
3.6 小結 63
3.7 習題 63
第4章 使用列表 65
教學錄像：35分鐘
4.1 列表的標記 66
4.2 使用無序列表 66
4.2.1 無序列表標記——ul 66
4.2.2 無序列表的符號類型——type 67
4.3 使用有序列表 69
4.3.1 有序列表標記——ol 69
4.3.2 有序列表的屬性——type 70
4.3.3 有序列表的起始數值——start 72
4.4 定義列表標記——dl 73
4.5 選單列表標記——menu 74
4.6 目錄列表——dir 75
4.7 使用嵌套列表 76
4.7.1 定義列表的嵌套 77
4.7.2 無序列表和有序列表的嵌套 78
4.8 小結 79
4.9 習題 80
第5章 超連結 81
教學錄像：22分鐘
5.1 超連結的基本知識 82
5.1.1 超連結 82
5.1.2 絕對路徑 82
5.1.3 相對路徑 82
5.2 超連結的建立 83
5.2.1 超連結標記的基本語法 83
5.2.2 建立文本超連結 83
5.2.3 設定超連結的目標視窗 85
5.3 內部連結 87
5.4 書籤連結 89
5.4.1 建立書籤 89
5.4.2 連結到同一頁面的書籤 91
5.4.3 連結到不同頁面的書籤 92
5.5 外部連結 93
5.5.1 通過HTTP協定 94
5.5.2 通過FTP 94
5.5.3 傳送E-mail 95
5.5.4 下載檔案 96
5.6 其他連結 98
5.6.1 腳本連結 98
5.6.2 空連結 99
5.7 小結 99
5.8 習題 100
第6章 使用圖像 101
教學錄像：35分鐘
6.1 圖像的基本格式 102
6.2 添加圖像——img 102
6.3 設定圖像屬性 103
6.3.1 圖像高度——height 103
6.3.2 圖像寬度——width 104
6.3.3 圖像框線——border 105
6.3.4 圖像水平間距——hspace 107
6.3.5 圖像垂直間距——vspace 108
6.3.6 圖像相對於文字基準線的對齊方式
——align 108
6.3.7 圖像的提示文字——alt 110
6.4 圖像的超連結 111
6.4.1 設定圖像的超連結 111
6.4.2 設定圖像熱區連結 112
6.5 小結 116
6.6 習題 116
第7章 表格的套用 118
教學錄像：48分鐘
7.1 創建表格 119
7.1.1 表格的基本構成——table、tr、td 119
7.1.2 表格的標題——caption 120
7.1.3 表格的表頭——th 121
7.2 設定表格基本屬性 123
7.2.1 表格的寬度——width 123
7.2.2 表格的高度——height 125
7.2.3 表格的對齊方式——align 126
7.3 設定表格的框線 127
7.3.1 表格框線的寬度——border 127
7.3.2 表格框線的顏色——bordercolor 128
7.3.3 表格內框的寬度——cellspacing 130
7.3.4 表格內文字與框線的間距
——cellpadding 131
7.4 設定表格背景 132
7.4.1 表格的背景顏色——bgcolor 132
7.4.2 表格的背景圖像——background 133
7.5 設定表格的行屬性 134
7.5.1 高度的控制——height 134
7.5.2 行的框線顏色——bordercolor 135
7.5.3 行的背景顏色——bgcolor、background 136
7.5.4 行文字的水平對齊方式——align 137
7.5.5 行文字的垂直對齊方式——valign 139
7.5.6 表格標題的垂直對齊方式——align 140
7.6 調整單元格屬性 141
7.6.1 單元格大小——width、height 141
7.6.2 單元格水平跨度——colspan 142
7.6.3 單元格垂直跨度——rowspan 143
7.6.4 單元格對齊方式——align、valign 144
7.6.5 單元格的背景色 146
7.6.6 單元格的框線顏色——bordercolor 147
7.6.7 單元格的亮框線——bordercolorlight 148
7.6.8 單元格的暗框線——bordercolordark 150
7.6.9 單元格的背景圖像——background 151
7.7 表格的結構 152
7.7.1 表格的表頭標記——thead 153
7.7.2 表格的表主體標記——tbody 154
7.7.3 表格的表尾標記——tfoot 156
7.8 表格的嵌套 157
7.9 小結 159
7.10 習題 159
第8章 層標記——div 161
教學錄像：33分鐘
8.1 層 162
8.1.1 層的分類 162
8.1.2 定義數據塊 162
8.2 <div>標籤 163
8.2.1 <div>標籤的簡介 163
8.2.2 <div>標籤的屬性 164
8.2.3 <span>標籤與<div>標籤 170
8.3 <iframe>標籤 172
8.3.1 <iframe>標籤的簡介 172
8.3.2 <iframe>標籤的屬性 172
8.4 <layer>標籤和<ilayer>標籤 174
8.4.1 標籤層的使用 175
8.4.2 <layer>標籤和<ilayer>標籤的區別 176
8.5 套用div製作下拉選單導航條 176
8.6 小結 179
8.7 習題 179
第9章 編輯表單 181
教學錄像：26分鐘
9.1 使用表單標籤——form 182
9.1.1 處理動作——action 182
9.1.2 表單名稱——name 183
9.1.3 傳送方法——method 183
9.1.4 編碼方式——enctype 184
9.1.5 目標顯示方式——target 185
9.2 添加控制項 185
9.3 輸入類的控制項 186
9.3.1 文字欄位——text 186
9.3.2 密碼域——password 187
9.3.3 單選按鈕——radio 188
9.3.4 複選框——checkbox 189
9.3.5 普通按鈕——button 190
9.3.6 提交按鈕——submit 191
9.3.7 重置按鈕——reset 192
9.3.8 圖像域——image 193
9.3.9 隱藏域——hidden 195
9.3.10 檔案域——file 195
9.4 列表/選單標記 197
9.5 文本域標記——textarea 198
9.6 id標記 199
9.7 小結 200
9.8 習題 200
第10章 多媒體頁面 202
視頻講解：18分鐘
10.1 設定滾動文字 203
10.1.1 滾動文字標籤——marquee 203
10.1.2 滾動方向屬性——direction 203
10.1.3 滾動方式屬性——behavior 204
10.1.4 滾動速度屬性——scrollamount 205
10.1.5 滾動延遲屬性——scrolldelay 206
10.1.6 滾動循環屬性——loop 207
10.1.7 滾動範圍屬性——width、height 208
10.1.8 滾動背景顏色屬性——bgcolor 209
10.1.9 滾動空間屬性——hspace、vspace 209
10.2 添加背景音樂 211
10.2.1 設定背景音樂——bgsound 211
10.2.2 設定循環播放次數——loop 212
10.3 添加多媒體檔案 213
10.3.1 添加多媒體檔案標記——embed 213
10.3.2 設定自動運行——autostart 214
10.3.3 設定媒體檔案的循環播放——loop 215
10.3.4 隱藏面板——hidden 216
10.3.5 添加其他類型的媒體檔案 217
10.4 小結 217
10.5 習題 218
第2篇 HTML 5高級套用
第11章 HTML 5的新特性 221
視頻講解：6分鐘
11.1 誰在開發HTML 5 222
11.2 HTML 5的新認識 222
11.2.1 兼容性 222
11.2.2 實用性和用戶優先 222
11.2.3 化繁為簡 223
11.3 無外掛程式範式 223
11.4 HTML 5的新特性 224
11.5 小結 224
第12章 HTML 5與HTML 4的區別 225
視頻講解：51分鐘
12.1 語法的改變 226
12.1.1 HTML 5的語法變化 226
12.1.2 HTML 5中的標記方法 226
12.1.3 HTML 5語法中的3個要點 227
12.1.4 標籤實例 228
12.2 新增的元素和廢除的元素 228
12.2.1 新增的結構元素 228
12.2.2 新增的塊級的語義元素 230
12.2.3 新增的行內的語義元素 231
12.2.4 新增的嵌入多媒體元素與互動性元素 231
12.2.5 新增的input元素的類型 232
12.2.6 廢除的元素 233
12.3 新增的屬性和廢除的屬性 234
12.3.1 新增的屬性 234
12.3.2 廢除的屬性 236
12.4 全局屬性 237
12.4.1 contentEditable屬性 237
12.4.2 designMode屬性 238
12.4.3 hidden屬性 239
12.4.4 spellcheck屬性 239
12.4.5 tabindex屬性 240
12.5 小結 240
12.6 習題 240
第13章 HTML 5的結構 242
視頻講解：20分鐘
13.1 新增的主體結構元素 243
13.1.1 article元素 243
13.1.2 section元素 245
13.1.3 nav元素 247
13.1.4 aside元素 248
13.1.5 time元素 250
13.1.6 pubdate屬性 250
13.2 新增的非主體結構元素 251
13.2.1 header元素 251
13.2.2 hgroup元素 252
13.2.3 footer元素 252
13.2.4 address元素 253
13.3 小結 253
13.4 習題 254
第14章 HTML 5中的表單 255
視頻講解：50分鐘
14.1 新增表單元素與屬性 256
14.1.1 新增的屬性 256
14.1.2 增加與改良的input元素的種類 259
14.1.3 output元素的添加 264
14.1.4 套用新增元素製作註冊表單 264
14.2 對表單的驗證 266
14.2.1 自動驗證 266
14.2.2 checkValidity顯式驗證法 267
14.2.3 避免驗證 268
14.2.4 使用setCustomValidity方法自定義
錯誤信息 268
14.3 增加的頁面元素 269
14.3.1 新增的figure元素 270
14.3.2 新增的details元素 271
14.3.3 新增的mark元素 272
14.3.4 新增的progress元素 274
14.3.5 新增的meter元素 275
14.3.6 改良的ol列表 276
14.3.7 改良的dl列表 276
14.3.8 加以嚴格限制的cite元素 277
14.3.9 重新定義的small元素 278
14.4 小結 278
14.5 習題 279
第15章 HTML 5中的檔案與拖放 280
視頻講解：40分鐘
15.1 選擇檔案 281
15.1.1 通過file對象選擇檔案 281
15.1.2 使用blob接口獲取檔案的類型與大小 282
15.1.3 通過類型過濾選擇的檔案 283
15.2 使用FileReader接口讀取檔案 285
15.2.1 檢測瀏覽器是否支持FileReader接口 285
15.2.2 FileReader接口的方法 285
15.2.3 使用readAsDataURL方法預覽圖片 286
15.2.4 使用readAsText方法讀取文本檔案 287
15.2.5 FileReader接口中的事件 288
15.3 拖放API 290
15.3.1 實現拖放的步驟 290
15.3.2 通過拖放顯示歡迎信息 291
15.4 dataTransfer對象套用詳解 293
15.4.1 使用effectAllowed和dropEffect屬性
設定拖放效果 293
15.4.2 使用setDragImage方法設定拖放圖示 294
15.5 小結 295
15.6 習題 295
第16章 多媒體播放 296
視頻講解：35分鐘
16.1 HTML 5多媒體的簡述 297
16.1.1 HTML 4中多媒體的套用 297
16.1.2 HTML 5頁面中的多媒體 297
16.2 多媒體元素基本屬性 298
16.3 多媒體元素常用方法 302
16.3.1 媒體播放時的方法 302
16.3.2 canPlayType(type)方法 304
16.4 多媒體元素重要事件 304
16.4.1 事件處理方式 304
16.4.2 事件介紹 305
16.4.3 事件實例 306
16.5 小結 308
16.6 習題 309
第17章 繪製圖形 310
視頻講解：1小時32分鐘
17.1 canvas的基礎知識 311
17.1.1 canvas是什麼 311
17.1.2 在頁面中放置canvas元素 311
17.1.3 繪製帶框線的矩形 312
17.2 在畫布中使用路徑 314
17.2.1 使用arc方法繪製圓形 314
17.2.2 使用moveTo與lineTo路徑繪製火柴人 316
17.2.3 貝塞爾和二次方曲線 317
17.3 運用樣式與顏色 319
17.3.1 fillStyle 和 strokeStyle屬性 319
17.3.2 透明度 globalAlpha 321
17.3.3 線型 Line styles 323
17.4 繪製漸變圖形 325
17.4.1 繪製線性漸變 325
17.4.2 繪製徑向漸變 326
17.5 繪製變形圖形 328
17.5.1 坐標的變換 328
17.5.2 矩陣變換 330
17.6 組合多個圖形 333
17.7 給圖形繪製陰影 335
17.8 套用圖像 336
17.8.1 繪製圖像 336
17.8.2 圖像的局部放大 338
17.8.3 圖像平鋪 339
17.8.4 圖像裁剪 341
17.8.5 像素的處理 342
17.9 繪製文字 344
17.10 保存與恢復狀態 345
17.11 檔案的保存 346
17.12 對畫布繪製實現動畫 347
17.13 綜合實例——桌面時鐘 348
17.14 小結 350
17.15 習題 351
第18章 數據存儲 352
視頻講解：50分鐘
18.1 初識Web Storage 353
18.1.1 什麼是Web Storage 353
18.1.2 使用Web Storage中的API 353
18.1.3 sessionStorage和localStorage的實例
——計數器 355
18.1.4 Web Storage綜合實例——留言本 357
18.1.5 JSON對象的存數實例——用戶信息卡 359
18.2 本地資料庫 361
18.2.1 Web SQL資料庫簡介 361
18.2.2 使用Web SQL Database API 362
18.2.3 本地資料庫實例——用戶登錄 363
18.3 小結 367
18.4 習題 367
第19章 離線應用程式 368
視頻講解：13分鐘
19.1 HTML 5離線Web套用概述 369
19.1.1 離線Web套用概述 369
19.1.2 本地快取與瀏覽器網頁快取的區別 370
19.2 創建HTML 5離線套用 370
19.2.1 快取清單（manifest） 370
19.2.2 配置IIS伺服器 372
19.2.3 瀏覽快取清單 372
19.3 瀏覽器與伺服器的互動過程 373
19.4 applicationCache對象 374
19.4.1 swapCache方法 375
19.4.2 applicationCache對象的事件 376
19.5 小結 379
19.6 習題 379
第20章 使用Web Worker處理執行緒 380
視頻講解：25分鐘
20.1 Web Worker概述 381
20.1.1 創建和使用Worker 381
20.1.2 Web Worker套用實例——求和運算 382
20.2 在Worker內部能做什麼 383
20.3 多個JavaScript檔案的載入與執行 384
20.4 執行緒嵌套 384
20.4.1 單層嵌套 385
20.4.2 在多個子執行緒中進行數據的互動 387
20.5 小結 390
20.6 習題 390
第21章 通信API 391
視頻講解：4分鐘
21.1 跨文檔訊息通信 392
21.1.1 使用postMessageAPI 392
21.1.2 跨文檔訊息傳輸 392
21.2 小結 394
第22章 獲取地理位置信息 395
視頻講解：12分鐘
22.1 Geolocation API的概述 396
22.1.1 使用getCurrentPosition方法獲取
當前地理位置 396
22.1.2 持續監視當前地理位置的信息 398
22.1.3 停止獲取當前用戶的地理位置信息 398
22.2 position對象 398
22.3 在google地圖上顯示“我在這裡” 399
22.4 小結 401
22.5 習題 401
第3篇 HTML 5項目實戰
第23章 旅遊信息網前台頁面 405
視頻講解：20分鐘
23.1 概述 406
23.2 網站預覽 406
23.3 關鍵技術 410
23.3.1 網站主體結構設計 410
23.3.2 HTML 5結構元素的使用 410
23.4 網站公共部分設計 411
23.4.1 設計網站公共header 411
23.4.2 設計網站公共footer 418
23.5 網站主頁設計 419
23.5.1 顯示網站介紹及相關圖片 419
23.5.2 主頁左側導航的實現 421
23.6 留下足跡頁面設計 424
23.6.1 播放音樂 424
23.6.2 添加留言功能的實現 425
23.7 小結 426
附錄 習題參考答案 427
HTML 5從入門到精通
目 錄
X
XI
