第1章  網頁基礎知識 1
1.1  HTML簡介 1
1.2  認識Web標準 3
1.3  HTML的基本概念 3
1.4  HTML文件類型 6
1.5  HTML 5概述 9
1.5.1  了解HTML 5 9
1.5.2  HTML 5的新功能 10
1.5.3  HTML 5的新特性 11
1.5.4  HTML 5的新增屬性 12
1.6  HTML編輯器介紹 14
1.7  素介紹 17
1.8  HTML 5語義化素 21
1.8.1  新增的主素 21
1.8.2  新增的非主素 26
1.9  HTML的有關約定 28
1.10  代碼規範 28
習題 29
第2章  超鏈接及HTML 素 31
2.1  素 31
2.1.1  路徑、相對路徑和
根路徑 31
2.1.2  超鏈接的基本語法 32
2.2  錨點鏈接 33
2.3  素 37
2.3.1  圖片格式介紹 37
2.3.2  素的基本用法 37
2.3.3  素的常用屬性 38
2.3.4  熱點 39
2.4  HTML 5的視頻 40
2.5  HTML 5的音頻 41
2.6  其素 42
2.7  小型案例實訓 44
習題 45
第3章  列表 47
3.1  無序列表 48
3.2  有序列表 49
3.3  定義列表 52
3.4  列表的嵌套 52
3.5  小型案例實訓 54
習題 55
第4章  表格與框架 57
4.1  表格的組成 57
4.2  表格的屬性 60
4.3  表格的行屬性 62
4.4  表格設置 63
4.5  框架結構 65
4.5.1  框架概述 65
4.5.2  框架的基本結構 66
4.5.3  設置框架 66
4.6  小型案例實訓 68
習題 69
第5章  HTML表單 72
5.1  表單標簽form 72
5.2  input標簽——文本框、密碼框 73
5.3  input標簽——單選按鈕與復選框 74
5.4  input標簽——按鈕 76
5.5  input標簽——圖像域、隱藏域以及
文件域 78
5.6  列表、文本區 78
5.7  新的HTML 5輸入控件屬性 80
5.8  HTML 5新增的in素 82
5.9  小型案例實訓 85
習題 86

第6章  層疊樣式表 88
6.1  層疊樣式表(CSS)簡介 88
6.1.1  CSS與HTML 88
6.1.2  CSS的版本 88
6.1.3  傳統HTML的缺點、CSS的
優勢 89
6.2  CSS的語法 90
6.2.1  基本語法規則 90
6.2.2  選擇器分類 90
6.2.3  樣式的引用方式 94
6.2.4  選擇器的命名規則 96
6.3  CSS屬性值中的單位 96
6.3.1  單位 97
6.3.2  相對單位 97
6.4  常用CSS屬性介紹 97
6.4.1  設置字體屬性 97
6.4.2  CSS 3新增的字體屬性 101
6.4.3  背景屬性 101
6.4.4  區塊屬性 105
6.4.5  CSS 3新增的文本屬性 107
6.4.6  邊框屬性 111
6.4.7  列表屬性 113
6.4.8  方框屬性 115
6.5  小型案例實訓 118
習題 120
第7章  CSS屬性案例應用——  
運用CSS創建導航 122
7.1  使用CSS UL創建橫向導航 122
7.2  縱向導航 125
7.3  下拉及彈出式菜單 127
7.3.1  橫向下拉菜單 127
7.3.2  縱向下拉菜單 129
7.4  小型案例實訓 131
習題 132
第8章  利用CSS DIV進行網頁
布局 134
8.1  網頁布局概述 134
8.2  認識DIV 135
8.3  網頁布局原則 136
8.4  常見的網頁布局技術分析 136
8.4.1  上、中、下布局 136
8.4.2  二列固定寬度 137
8.4.3  二列寬度自適應 138
8.4.4  二列寬度自適應居中 139
8.4.5  中間三列浮動布局 140
8.4.6  UL CSS布局 141
8.5  定位與相對定位 142
8.5.1  定位 142
8.5.2  相對定位 144
8.6  小型案例實訓 145
習題 147
第9章  網頁布局實例 149
9.1  網頁布局實例——個人博客主頁 149
9.2  網頁布局實例——右側浮動案例 154
9.3  網頁效果欣賞 157
9.4  小型案例實訓 160
習題 162
第10章  過濾、變形和動畫 164
10.1  過濾 164
10.2  CSS 3 2D變形簡介 168
10.3  2D變形 169
10.3.1  2D位移 169
10.3.2  2D縮放 170
10.3.3  2D傾斜 172
10.3.4  2D旋轉 174
10.4  3D變形 175
10.4.1  3D位移 176
10.4.2  3D旋轉 178
10.4.3  3D縮放 179
10.5  CSS 3動畫使用 180
10.6  小型案例實訓 183
習題 185

第11章  實戰開發——電子產品購物
網站首頁實現 187
11.1  頁面的布局分析 187
11.2  網頁top區 188
11.3  網頁導航菜單(menu)區 189
11.4  主要內容(main)區 190
11.5  底端(footer)區 192
參考文獻 194

HTML 5、CSS 3技術是所有網頁技術的基礎與核心，無論是在互聯網上進行信息發布，還是編寫可交互的應用程序，都離不開這門語言的綜合應用。
本書結合網頁設計初學者的特點來設計章節結構，配以大量的範例說明、對比分析和經典的配套練習幫助讀者快速理解網頁開發中的重要概念，進而能自己動手進行設計。本書具體內容介紹如下。
第1章主要介紹HTML的相關基本概念和HTML常用素以及網頁文件的結構；第2章介紹超鏈接標簽、圖片和HTML?5素標簽的創建；第3章主要介紹列表的實現和嵌套列表的創建；第4章重點介紹表格創建及屬性的使用，對框架結構進行講解；第5章介素的創建；第6章講解CSS語法結構及CSS的使用；第7章重點介紹運用CSS實現不同導航的創建；第8章介紹網頁的布局方法；第9章介紹在CSS布局網頁的基礎上實現頁面制作；第10章介紹CSS 3的2D和3D轉換和動畫效果；第11章以“電子產品購物網站首頁實現”開發案例進行綜合講解。
本書由湖北商貿學院人工智能學院張星雲、湖南應用技術學院信息工程學院彭進香、山東建築大學計算機學院邢國波主編。具體編寫分工如下：張星雲負責第2、7、8、10章的編寫；彭進香負責第1、4、6章的編寫；邢國波負責第3、5、9、11章的編寫。
由於編者水平有限，書中難免有疏漏、錯誤和欠妥之處，敬請廣大讀者與同行專家批評指正。

編  者