第1章教育培訓類網頁——設計網頁文本內容        1
視頻講解：4個
1.1標題與文字格式          2
1.1.1設置文字標題及字體樣式    2
1.1.2設置文字的屬性        3
1.1.3設置文字的顏色        4
1.1.4設置文字的陰影        4
1.1.5設置字體復合屬性      5
1.1.6控制換行              5
1.1.素        5
1.1.8制作G-Team教育培訓類
 網頁(一)           6
1.2設置段落與網頁水平線       9
1.2.1段落標簽           9
1.2.2段落內容排版         10
1.2.3使用

第2章企業門戶類網頁—HTML 5網頁中的圖像      27
視頻講解：3個
2.1在網頁中插入圖像       28
2.1.1圖像基礎             28
2.1.2標簽簡介        29
2.1.3CSS引入方式          30
2.1.4標簽的適用範圍  31
2.1.5路徑問題             31
2.1.6制作房地產網頁       32
2.2將圖片設置為網頁背景       35
2.2.1 標簽         35
2.2.2制作裝飾公司網頁（一）   35
2.3上機練習——制作裝飾公司
網頁（二）            37
2.4思考與練習            41

第3章孕嬰類網頁—使用HTML5創建超鏈接       42
視頻講解：3個
3.1建立網頁超鏈接        43
3.1.1認識超鏈接          43
3.1.2創建超鏈接          43
3.1.3創建圖片鏈接        44
3.1.4圖片熱點鏈接        44
3.1.5創建下載鏈接        46
3.1.6創建錨點鏈接        46
3.1.7相對路徑和路徑     48
3.1.8設置以新窗口顯示超鏈接頁面  48
3.1.9設置電子郵件鏈接      49
3.1.10制作母嬰商城網頁（一）  50
3.2浮動框架iframe             53
3.2.1浮動框架iframe的使用     53
3.2.2width屬性和height屬性    54
3.2.3align屬性          54
3.2.4frameborder屬性       55
3.2.5name屬性          56
3.2.6scrolling屬性        56
3.2.7marginwidth和marginheight
屬性            56
3.2.8制作母嬰商城網頁（二）   57
3.3上機練習—制作育兒類網頁     58
3.4思考與練習            64

第4章旅遊交通類網頁——使用HTML 5創建表單與 表格          65
視頻講解：4個
4.1表單的使用           66
4.1.1定義表單           66
4.1.2文本框             66
4.1.3文本區域           67
4.1.4單選按鈕           67
4.1.5復選框             68
4.1.6下拉列表框         68
4.1.7按鈕               68
4.1.8新的input類型      69
4.1.9旅遊網站登錄界面   71
4.2創建表格             74
4.2.1定義表格           74
4.2.2帶有標題的表格        75
4.2.3制作旅遊網頁（一）    75
4.3表格的設置            77
4.3.1定義表格邊框類型      77
4.3.2定義表格的表頭        78
4.3.3定義表格的背景        79
4.3.4格的背景      80
4.3.5格          80
4.3.6格中的內容      81
4.3.7格的行高與列寬    82
4.3.8制作旅遊網頁（二）      82
4.4上機練習——制作愛旅遊論壇網頁  84
4.5思考與練習            87

第5章音視頻類網頁——HTML 5中的多媒體       88
視頻講解：3個
5.1音視頻的添加與設置        89
5.1.1設置背景音樂         89
5.1.2設置背景音樂循環播放     89
5.1.3為網頁添加視頻文件      90
5.1.4設置自動運行         90
5.1.5設置視頻文件的循環播放    91
5.1.6設置視頻文件窗口的高度與
寬度             91
5.1.7Bootstrap4 網格繫統      92
5.1.8Bootstrap4 輪播圖       92
5.1.9Bootstrap4 卡片        93
5.1.10Bootstrap4 彈性盒子     94
5.1.11Bootstrap4 多媒體對像     95
5.1.12CSS選擇器         97
5.1.13制作多媒體首頁       99
5.2網頁中的滾動文字        107
5.2.1滾動文字標簽的使用     107
5.2.2滾動方向屬性的應用     107
5.2.3滾動方式屬性的應用     107
5.2.4滾動速度屬性的應用     108
5.2.5滾動延遲屬性的應用     108
5.2.6滾動循環屬性的應用     108
5.2.7滾動範圍屬性的應用     108
5.2.8滾動背景顏色屬性的應用   108
5.2.9滾動空間屬性的應用     109
5.2.10Bootstrap4顏色       109
5.2.11制作視頻播放網頁     110
5.3上機練習——制作音頻播放網頁  115
5.4思考與練習           118

第６章企業門戶類網頁——使用JavaScript完善網頁 效果         119
視頻講解：2個
6.1JavaScript基礎         120
6.1.1直接嵌入.js文件       120
6.1.2外部引入.js文件       120
6.2使用JavaScript         120
6.2.1數據類型          120
6.2.2變量            120
6.2.3注釋、表達式與運算符    121
6.2.4常用語句          123
6.2.5函數            125
6.2.6面向對像程序設計      127
6.2.7事件            132
6.2.8育嬰網首頁         137
6.3上機練習——G-Team培訓網站首頁  142
6.4思考與練習           149

第7章餐飲美食類網頁——使用HTML 5繪制圖形   150
視頻講解：3個
7.1使用HTML 5繪制圖形       151
7.1.1 繪制基本形狀       151
7.1.2 繪制漸變形狀       152
7.1.3 繪制變形圖形       153
7.1.4 繪制其他樣式的圖形    155
7.1.5 制作必勝客網頁      159
7.2圖形的保存與恢復        164
7.2.1 保存與恢復狀態      164
7.2.2 保存文件         166
7.2.3 制作餐廳網頁       167
7.3上機練習——制作餐廳首頁    172
7.4思考與練習           176

第8章電子商務類網頁——HTML 5中的文件與拖放    177
視頻講解：3個
8.1選擇文件            178
8.1.1 選擇單個文件       178
8.1.2 選擇多個文件       178
8.1.3 制作建站服務商城網頁   178
8.2使用HTML 5實現文件的拖放    183
8.2.1 認識文件拖放的過程    183
8.2.2 瀏覽器支持情況      183
8.2.3 在網頁中拖放圖片     183
8.2.4 在網頁中拖放文字     186
8.2.5 制作產品介紹界面     186
8.3上機練習—制作銷售後臺
管理繫統            191
8.4思考與練習           197
附錄.參考答案           198

早期的HTML在非常長的時間裡被人們認為是一種效率低下，且功能簡單的網頁開發技術。但Web技術的不斷發展讓“網頁”和“應用”的界限越來越模糊，尤其是HTML 5的橫空出世讓Web變得更加強大。
HTML 5標準草案初發布於2008年，而後被各大瀏覽器廠商跟進，包括Chrome、IE、Opera和Safari等。它發展迅速，很快成為開發跨平臺和跨設備應用的客戶端技術。它能賦予瀏覽器強大的能力。
對於開發人員來講，HTML 5使得開發應用程序更加高效、快捷和簡單，幾十行代碼便可以實現過去幾百上千行代碼纔能實現的功能，真是省時省力。

1. 本書內容
全書共分為8章，分別講解了設計網頁文本內容、HTML 5網頁中的圖像、使用HTML 5創建超鏈接、使用HTML 5創建表單與表格、HTML 5中的多媒體、使用JavaScript完善網頁效果、使用HTML 5繪制圖形、HTML 5中的文件與拖放等內容。

2. 本書特色
本書面向HTML 5的初、中級用戶，采用由淺深入、循序漸進的講解方法，內容豐富。
◎ 本書案例豐富，每章都有不同類型的案例，適合上機操作教學。
◎ 每個案例都是經過編寫者精心挑選，可以引導讀者發揮想像力，調動學習的積極性。 
◎ 案例實用，技術含量高，與實踐緊密結合。
◎ 配套資源豐富，方便教學。

3. 海量的電子學習資源和素材
本書附帶大量的學習資料和視頻教程，下面截圖給出部分概覽。

本書附帶所有的素材文件、場景文件、效果文件、多媒體有聲視頻教學錄像，讀者在讀完本書內容以後，可以調用這些資源進行深入學習。

本書視頻教學貼近實際，幾乎手把手教學。

4. 本書約定
為便於閱讀理解，本書的寫作風格遵從如下約定：
. 本書中出現的中文菜單和命令將用魚尾號（【】）括起來，以示區分。此外，為了使語句更簡潔易懂，本書中所有的菜單和命令之間以豎線（ | ）分隔，例如，單擊【編輯】菜單，再選擇【移動】命令，就用【編輯】|【移動】來表示。
. 使用加號（ ） 連接的兩個或3個鍵表示快捷組合鍵，在操作時表示同時按下這兩個或3個鍵。例如，Ctrl V是指在按下Ctrl鍵的同時，按下V字母鍵；Ctrl Alt F10是指在按下Ctrl和Alt鍵的同時，按下功能鍵F10。
. 在沒有特殊指定時，單擊、雙擊和拖動是指用鼠標左鍵單擊、雙擊和拖動，右擊是指用鼠標右鍵單擊。
5. 讀者對像
（1） HTML 5的初學者。
（2） 瀏覽器開發人員。
（3） 大中專院校的學生。
（4） 相關培訓班的學員。
6. 致謝
本書由武漢傳媒學院的李興瑩老師編寫，其他參與編寫的人員還有德州學院的李健澤、王浩、馬春暉、孫文昊、董開放、王芮以及劉蒙蒙、朱曉文、李少勇，在此一並表示感謝。
本書的出版可以說凝結了許多優秀教師的心血，在這裡衷心感謝對本書出版過程給予幫助的編輯老師、視頻測試老師，感謝你們！
本書提供了案例的素材、場景、效果、PPT課件以及視頻教學，掃一掃下面的二維碼，推送到自己的郵箱後下載獲取。
 
素材、效果、視頻教學1
PPT課件、場景、視頻教學2
 
由於作者水平有限，書中錯誤在所難免，希望廣大讀者批評指正。
編.者