HTML5從入門到精通 (第2版)

HTML5從入門到精通 (第2版)

《HTML5從入門到精通 (第2版)》是2017年清華大學出版社出版的圖書,作者是明日科技。

出版信息

HTML5從入門到精通 (第2版)

作者:明日科技

定價:79.80元
印次:2-2
ISBN:9787302458203
出版日期:2017.06.01
印刷日期:2017.10.27

內容簡介

如果您是一位有前瞻性的Web前端工作者,那么您一定會從本書中受益,因為它就是專門為您打造的。 《html5從入門到精通(第2版)》一書內容系統而全面,詳盡地講解了HTML語言及HTML5的所有新功能與新特性,技術新穎,所有重要知識點均以多個實例進行講解,方便讀者動手實踐。每章最後設定習題,通過這些習題可以對本章學到的知識進行鞏固。本書不僅能滿足您全面而系統地學習理論知識的要求,還能滿足您充分實踐的需求。

圖書目錄

第1篇 HTML基礎知識

第1章 HTML基礎

視頻講解:21分鐘

1.1HTML的基本概念

1.2HTML發展史與HTML5

1.2.1HTML的發展歷史

1.2.2HTML4.01和XHTML

1.2.3從XHTML到HTML5

1.3迎接新的Web時代

1.3.1部分代替了原來的JavaScript

1.3.2更明確的語義支持

1.3.3增強了Web應用程式功能

1.3.4HTML5的目標

1.4各瀏覽器對HTML5的支持

1.5HTML5要解決的3個問題

1.6HTML的基本結構

1.6.1HTML檔案的編寫方法

1.6.2檔案開始標籤<html>

1.6.3檔案頭部標籤<head>

1.6.4檔案標題標籤<title>

1.6.5檔案主體標籤<body>

1.6.6編寫檔案的注意事項

1.7編寫第一個HTML檔案

1.7.1HTML檔案的編寫方法

1.7.2手工編寫頁面

1.7.3使用可視化軟體製作頁面

1.7.4使用瀏覽器瀏覽HTML檔案

1.7.5HTML開發的明日圖書網

1.8小結

1.9習題

第2章 HTML檔案基本標記

視頻講解:43分鐘

2.1HTML頭部標記

2.2標題標記<title>

2.3元信息標記<meta>

2.3.1設定頁面關鍵字

2.3.2設定頁面描述

2.3.3設定編輯工具

2.3.4設定作者信息

2.3.5限制搜尋方式

2.3.6設定網頁文字及語言

2.3.7設定網頁的定時跳轉

2.3.8設定有效期限

2.3.9禁止從快取中調用

2.3.10刪除過期的cookie

2.3.11強制打開新視窗

2.3.12設定網頁的過渡效果

2.3.13設定建立網站的日期

2.3.14設定網頁版權資訊

2.3.15設定聯繫人的信箱

2.4基底網址標記<base>

2.5頁面的主體標記<body>

2.5.1設定文字顏色—text

2.5.2背景顏色屬性—bgcolor

2.5.3背景圖像屬性—background

2.5.4設定連結文字屬性—link

2.5.5設定邊距—margin

2.6頁面的注釋標記<!---->

2.7實例演練—創建基本的HTML網頁

2.8小結

2.9習題

第3章 設計網頁文本內容

視頻講解:29分鐘

3.1標題文字的建立

3.1.1標題字標記<H>

3.1.2標題文字的對齊方式—align

3.2設定文字格式

3.2.1設定文字字型—face

3.2.2設定字號—size

3.2.3設定文字顏色—color

3.2.4粗體、斜體、下劃線—strong、em、u

3.2.5上標與下標—sup、sub

3.2.6設定刪除線—strike

3.2.7等寬文字標記—code

3.2.8空格—

3.2.9其他特殊符號

3.3設定段落格式

3.3.1段落標記—p

3.3.2取消文字換行標記—nobr

3.3.3換行標記—br

3.3.4保留原始排版方式標記—pre

3.3.5居中對齊標記—center

3.3.6向右縮進標記—blockquote

3.4水平線標記

3.4.1添加水平線—hr

3.4.2設定水平線寬度與高度屬性—width、height

3.4.3設定水平線的顏色—color

3.4.4設定水平線的對齊方式—align

3.4.5去掉水平線陰影—noshade

3.5其他文字標記

3.5.1文字標註標記—ruby

3.5.2聲明變數標記—var

3.5.3忽視HTML標籤標記—plaintext、xmp

3.5.4設定地址文字標記—address

3.6小結

3.7習題

第4章 使用列表

視頻講解:32分鐘

4.1列表的標記

4.2使用無序列表

4.2.1無序列表標記—ul

4.2.2設定無序列表的類型—type

4.3使用有序列表

4.3.1 有序列表標記—ol

4.3.2 有序列表的類型—type

4.3.3 有序列表的起始數值—start

4.4定義列表標記—dl

4.5選單列表標記—menu

4.6目錄列表—dir

4.7設定列表文字的顏色

4.8使用嵌套列表

4.8.1 定義列表的嵌套

4.8.2 無序列表和有序列表的嵌套

4.8.3 有序列表之間的嵌套

4.9小結

4.10習題

4.9小結

4.10習題

第5章 使用超連結

視頻講解:21分鐘

5.1超連結的基本知識

5.1.1超連結

5.1.2絕對路徑

5.1.3相對路徑

5.2超連結的建立

5.2.1超連結標記的基本語法

5.2.2建立文本超連結

5.2.3設定超連結的目標視窗

5.3內部連結

5.4書籤連結

5.4.1建立書籤

5.4.2連結到同一頁面的書籤

5.4.3連結到不同頁面的書籤

5.5外部連結

5.5.1通過HTTP協定

5.5.2通過FTP

5.5.3傳送Email

5.5.4下載檔案

5.6其他連結

5.6.1腳本連結

5.6.2空連結

5.7小結

5.8習題

第6章 使用圖像

視頻講解:33分鐘

6.1圖片的基本格式

6.2添加圖像—img

6.3設定圖像屬性

6.3.1圖像高度—height

6.3.2圖像寬度—width

6.3.3圖像框線—border

6.3.4圖像水平間距—hspace

6.3.5圖像垂直間距—vspace

6.3.6圖像相對於文字基準線的對齊方式—align

6.3.7圖像的提示文字—title

6.3.8圖像的替換文字—alt

6.4使用<img>標記插入avi檔案

6.4.1 avi的源檔案屬性dynsrc

6.4.2 設定avi檔案循環次數屬性loop

6.4.3 設定avi檔案播放方式屬性start

6.5圖像的超連結

6.5.1 設定圖像的超連結

6.5.2 設定圖像熱區連結

6.6小結

6.7習題

第7章 表格的套用

視頻講解:47分鐘

7.1創建表格

7.1.1表格的基本構成—table、tr、td

7.1.2 設定表格的標題—caption

7.1.3 表格的表頭—th

7.2 設定表格基本屬性

7.2.1 設定表格寬度—width

7.2.2 設定表格高度—height

7.2.3 設定表格對齊方式—align

7.3 設定表格的框線

7.3.1 表格框線寬度—border

7.3.2 表格框線顏色—bordercolor

7.3.3 內框寬度—cellspacing

7.3.4 表格內文字與框線間距—cellpadding

7.4 設定表格背景

7.4.1 設定表格背景顏色—bgcolor

7.4.2 設定表格的背景圖像—background

7.5 設定表格的行屬性

7.5.1 高度的控制—height

7.5.2 框線顏色—bordercolor

7.5.3 行背景—bgcolor、background

7.5.4 行文字的水平對齊方式—align

7.5.5 行文字的垂直對齊方式—valign

7.5.6設定表格標題的垂直對齊方式—align

7.6 調整單元格屬性

7.6.1 單元格大小—width、height

7.6.2 水平跨度—colspan

7.6.3 垂直跨度—rowspan

7.6.4 對齊方式—align、valign

7.6.5 設定單元格的背景色

7.6.6 設定單元格的框線顏色—bordercolor

7.6.7 設定單元格的亮框線—bordercolorlight

7.6.8 設定單元格的暗框線—bordercolordark

7.6.9 設定單元格的背景圖像—background

7.7 表格的結構

7.7.1 表格的表首標記—thead

7.7.2 表格的表主體標記—tbody

7.7.3 表格的表尾標記—tfoot

7.8表格的嵌套

7.9小結

7.10習題

第8章 層—div標籤

視頻講解:32分鐘

8.1層

8.1.1層的分類

8.1.2定義數據塊

8.2<div>標籤

8.2.1<div>標籤

8.2.2<div>標籤的屬性

8.2.3<span>標籤與<div>標籤

8.3<iframe>標籤

8.3.1<iframe>標籤

8.3.2<iframe>標籤的屬性

8.4套用DIV製作下拉選單導航條

8.5小結

8.6習題

第9章 編輯表單

視頻講解:26分鐘

9.1 使用表單標記—form

9.1.1 處理動作—action

9.1.2 表單名稱—name

9.1.3 傳送方法—method

9.1.4 編碼方式—enctype

9.1.5 目標顯示方式—target

9.2添加控制項

9.3 輸入類的控制項

9.3.1 文字欄位—text

9.3.2 密碼域—password

9.3.3 單選按鈕—radio

9.3.4 複選框—checkbox

9.3.5 普通按鈕—button

9.3.6 提交按鈕—submit

9.3.7 重置按鈕—reset

9.3.8 圖像域—image

9.3.9 隱藏域—hidden

9.3.10 檔案域—file

9.4 使用label定義標籤

9.5 使用button定義按鈕

9.6 列表/選單標記

9.7 文本域標記textarea

9.8id標記

9.9在Dreamweaver中快速創建表單

9.10 小結

9.11 習題

第10章 多媒體頁面

視頻講解:18分鐘

10.1設定滾動文字

10.1.1滾動文字標記—marquee

10.1.2滾動方向屬性—direction

10.1.3滾動方式屬性—behavior

10.1.4滾動速度屬性—scrollamount

10.1.5滾動延遲屬性—scrolldelay

10.1.6滾動循環屬性—loop

10.1.7滾動範圍屬性—width、height

10.1.8滾動背景顏色屬性—bgcolor

10.1.9滾動空間屬性—hspace、vspace

10.2添加背景音樂

10.2.1設定背景音樂—bgsound

10.2.2 設定循環播放次數—loop

10.3添加多媒體檔案

10.3.1添加多媒體檔案標記—embed

10.3.2設定自動運行—autostart

10.3.3設定媒體檔案的循環播放—loop

10.3.4隱藏面板—hidden

10.3.5添加其他類型的媒體檔案

10.4<object>標籤

10.4.1插入音頻檔案

10.4.2插入Flash動畫

10.4.3插入背景透明的Flash動畫

10.4.4插入視頻檔案

10.5小結

10.6習題

第2篇 HTML5高級套用

第11章 HTML5的新特性

視頻講解:5分鐘

11.1誰在開發HTML5

11.2HTML5的新認識

11.2.1兼容性

11.2.2實用性和用戶優先

11.2.3化繁為簡

11.3無外掛程式範式

11.4HTML5的新特性

第12章 HTML5與HTML4的區別

視頻講解:50分鐘

12.1語法的改變

12.1.1HTML5的語法變化

12.1.2HTML5中的標記方法

12.1.3HTML5語法中需要掌握的3個要點

12.1.4標記示例

12.2新增的元素和廢除的元素

12.2.1新增的結構元素

12.2.2新增的塊級(block)的語義元素

12.2.3新增的行內(inline)的語義元素

12.2.4新增的嵌入多媒體元素與互動性元素

12.2.5新增的input元素的類型

12.2.6廢除的元素

12.3新增的屬性和廢除的屬性

12.3.1新增的屬性

12.3.2廢除的屬性

12.4全局屬性

12.4.1contentEditable屬性

12.4.2designMode屬性

12.4.3hidden屬性

12.4.4spellcheck屬性

12.4.5tabindex屬性

12.5小結

12.6習題

第13章 HTML5的結構

視頻講解:18分鐘

13.1新增的主體結構元素

13.1.1article元素

13.1.2section元素

13.1.3nav元素

13.1.4aside元素

13.1.5time元素

13.1.6pubdate屬性

13.2新增的非主體結構元素

13.2.1header元素

13.2.2hgroup元素

13.2.3footer元素

13.2.4address元素

13.3HTML5結構

13.3.1大綱

13.3.2對結構元素使用樣式

13.3.3article元素的樣式

13.4小結

13.5習題

第14章 HTML5中的表單

視頻講解:47分鐘

14.1新增元素與屬性

14.1.1新增的屬性

14.1.2增加與改良的input元素的種類

14.1.3output元素的添加

14.1.4套用新增元素製作註冊表單

14.2對表單的驗證

14.2.1自動驗證

14.2.2checkValidity顯式驗證法

14.2.3避免驗證

14.2.4使用setCustomValidity方法自定義錯誤信息

14.3增加的頁面元素

14.3.1新增的figure元素

14.3.2新增的details元素

14.3.3新增的mark元素

14.3.4新增的progress元素

14.3.5新增的meter元素

14.3.6改良的ol列表

14.3.7改良的dl列表

14.3.8加以嚴格限制的cite元素

14.3.9重新定義的small元素

14.4小結

14.5習題

第15章 檔案與拖放

視頻講解:40分鐘

15.1選擇檔案

15.1.1通過file對象選擇檔案

15.1.2使用bIob接口獲取檔案的類型與大小

15.1.3通過類型過濾選擇的檔案

15.2 使用FileReader接口讀取檔案

15.2.1檢測瀏覽器對FileReader接口

15.2.2 FileReader接口的方法

15.2.3使用readAsDataURL方法預覽圖片

15.2.4 使用readAsText方法讀取文本檔案

15.2.5 FileReader接口中的事件

15.3拖放API

15.3.1實現拖放的步驟

15.3.2通過拖放顯示歡迎信息

15.3.3使用拖放將商品拖入購物車

15.4dataTransfer對象套用詳解

15.4.1使用effectAllowed和dropEffect屬性設定拖放效果

15.4.2使用setDragImage方法設定拖放圖示

15.5小結

15.6習題

第16章 多媒體播放

視頻講解:35分鐘

16.1HTML5多媒體的簡述

16.1.1HTML4中多媒體的套用

16.1.2HTML5頁面中的多媒體

16.2多媒體元素基本屬性

16.3多媒體元素常用方法

16.3.1媒體播放時的方法

16.3.2canPlayType(type)方法

16.4多媒體元素重要事件

16.4.1事件處理方式

16.4.2事件介紹

16.4.3事件示例

16.5小結

16.6習題

第17章 繪製圖形

視頻講解:95分鐘

17.1canvas的基礎知識

17.1.1canvas的由來

17.1.2canvas是什麼

17.1.3替代內容

17.1.4CSS和canvas

17.1.5瀏覽器對HTML5Canvas的支持

17.1.6在頁面中放置canvas元素

17.1.7繪製帶框線矩形

17.2在畫布中使用路徑

17.2.1使用arc方法繪製圓形

17.2.2使用moveTo與lineTo路徑繪製火柴人

17.2.3貝塞爾和二次方曲線

17.3運用樣式與顏色

17.3.1fillStyle和strokeStyle屬性

17.3.2透明度globalAlpha

17.3.3線型Linestyles

17.4繪製漸變圖形

17.4.1繪製線性漸變

17.4.2繪製徑向漸變

17.5繪製變形圖形

17.5.1坐標的變換

17.5.2坐標變換與路徑的結合

17.5.3矩陣變換

17.6組合多個圖形

17.7給圖形繪製陰影

17.8套用圖像

17.8.1繪製圖像

17.8.2圖像的局部放大

17.8.3圖像平鋪

17.8.4圖像裁剪

17.8.5像素的處理

17.9繪製文字

17.10保存與恢復狀態

17.11檔案的保存

17.12對畫布繪製實現動畫

17.13綜合實例—桌面時鐘

17.14小結

17.15習題

第18章 本地存儲

視頻講解:49分鐘

18.1初識WebStorage

18.1.1WebStorage是什麼

18.1.2使用WebStorage中的API

18.1.3sessionStorage和localStorage的實例—計數器

18.1.4WebStorage綜合實例—留言本

18.1.5JSON對象的存數實例—用戶信息卡

18.2本地資料庫

18.2.1WebSQL資料庫簡介

18.2.2使用WebSQLDatabaseAPI

18.2.3本地資料庫實例—用戶登錄

18.3小結

18.4習題

第19章 離線應用程式

視頻講解:14分鐘

19.1HTML5離線Web套用概述

19.1.1離線Web套用概述

19.1.2本地快取與瀏覽器網頁快取的區別

19.2創建HTML5離線套用

19.2.1快取清單

19.2.2配置IIS伺服器

19.2.3瀏覽manifest清單

19.3瀏覽器與伺服器的互動過程

19.4判斷線上狀態

19.5applicationCache對象

19.5.1swapCache方法

19.5.2applicationCache對象的事件

19.6小結

19.7習題

第20章 使用WebWorkers處理執行緒

視頻講解:21分鐘

20.1WebWorkers概述

20.1.1創建和使用Worker

20.1.2WebWorkers套用實例—求和運算

20.1.3與執行緒進行數據的互動

20.2在Worker內部能做什麼

20.3多個Javascript檔案的載入與執行

20.4執行緒嵌套

20.4.1單層嵌套

20.4.2在多個子執行緒中進行數據的互動

20.5小結

20.6習題

第21章 通信API

視頻講解:4分鐘

21.1跨文檔訊息通信

21.1.1使用postMessageAPI

21.1.2跨文檔訊息傳輸

21.1.3跨域通信

21.2小結

第22章 獲取地理位置信息

視頻講解:12分鐘

22.1GeolocationAPI的概述

22.1.1使用getCurrentPosition獲取當前地理位置

22.1.2使用watchPosition持續監視當前地理

位置的信息

22.1.3使用clearWatch停止獲取當前用戶的地理位置信息

22.2position對象

22.3在Google地圖上顯示“我在這裡”

22.4利用HTML5和百度地圖實現定位處理

22.5小結

22.6習題

第3篇 HTML5項目實戰

第23章 旅遊信息網前台頁面

視頻講解:23分鐘

23.1概述

23.2網站預覽

23.3關鍵技術

23.3.1網站主題結構設計

23.3.2HTML5結構元素的使用

23.4網站公共部分設計

23.4.1設計網站公共header

23.4.2設計網站公共footer

23.5網站主頁設計

23.5.1顯示網站介紹及相關圖片

23.5.2主頁左側導航的實現

23.6“留下足跡”頁面設計

23.6.1播放音樂

23.6.2添加留言功能的實現

23.7小結

附錄習題參考答案

相關詞條

熱門詞條

聯絡我們