整合營銷服務(wù)商
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數(shù)據(jù)同步管理
免費咨詢熱線：
天給大家推薦這個HTML5開發(fā)手冊，希望能幫助正在學(xué)習(xí)web前端的人，鄙人也是剛學(xué)習(xí)前端沒多久，借助于一點資訊平臺能夠結(jié)識更多前端大牛，這是我的HTML5進階學(xué)習(xí)一點資訊群：250777811，里面有很多大牛隨時解答學(xué)習(xí)問題，每天晚上休息的時候還有免費的企業(yè)項目解決，歡迎初學(xué)者和進階的伙計申請加入。
1、HTML5中文手冊
通過制定如何處理所以HTMl元素以及如何從錯誤中恢復(fù)的緊缺規(guī)則，HTML5改進了互操作性，并2減少了開發(fā)成本。HTML5中的新特性包括了嵌入音頻、視頻和圖形的功能，客戶端數(shù)據(jù)存儲，以及交互式文檔。
2、 CSS完全參考手冊3.0下載
3、JavaScript參考手冊
JavaScript 本地對象和內(nèi)置對象 Browser 對象（BOM）、 HTML DOM 對象 、JavaScript 對象參考手冊 本參考手冊描述每個對象的屬性和方法，并提供實例。
4、jQuery 1.4參考手冊
2010年1月22日，更新至JQuery 1.4版本，本版是參考shawphy的1.4在線版本制作，更新了好多以前的內(nèi)容，以前沒仔細核對過，發(fā)現(xiàn)之前網(wǎng)上流行的chm版本基本都基于1.2的，1.3的內(nèi)容很多都沒加進去，這次都補全了。用*標注了1.3版本新加的內(nèi)容，@標注1.4新加的內(nèi)容，方便大家查看。
5、Ajax中文手冊
AJAX是一種運用JavaScript和可擴展標記語言(XML)，在網(wǎng)絡(luò)瀏覽器和服務(wù)器之間傳送或接受數(shù)據(jù) 的技術(shù)。AJAX可以用來和數(shù)據(jù)端進行數(shù)據(jù)的交互聯(lián)通。AJAX可以用來創(chuàng)建更多交互式的網(wǎng)絡(luò)應(yīng)用程序。
6、Bootstrap3參考手冊
Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的，它簡潔靈活，使得 Web 開發(fā)更加快捷。它由Twitter的設(shè)計師Mark Otto和Jacob Thornton合作開發(fā)，是一個CSS/HTML框架。Bootstrap提供了優(yōu)雅的HTML和CSS規(guī)范，它即是由動態(tài)CSS語言Less寫成。
全部HTML5手冊內(nèi)容都已經(jīng)上傳群文件了250777811
關(guān)注悟空頭條，每日收獲HTML5學(xué)習(xí)干貨，傳播正能量，吾有本頭條！
HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》
本書內(nèi)容
《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》秉承“思政引領(lǐng)，立德樹人”的教育理念，自然融入多維度、深層次的思政元素，全面對標企業(yè)和行業(yè)需求；引入現(xiàn)代Web前端開發(fā)的核心技術(shù)，如Flex布局、Grid布局，以及人工智能編程插件，同時融入企業(yè)開發(fā)實踐，確保學(xué)習(xí)內(nèi)容與實際工作緊密相關(guān)。全書以一個完整案例為主線，結(jié)合綜合項目實戰(zhàn)操作，體現(xiàn)育人、應(yīng)用和創(chuàng)新三項能力。《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》配套提供課程思政元素、案例源代碼、PPT課件、課后習(xí)題與答案、微課視頻、教案、教學(xué)大綱、章節(jié)測試、云題庫、實驗報告、學(xué)習(xí)通在線課程、企業(yè)高頻面試題、學(xué)科競賽真題等豐富的教學(xué)資源，并設(shè)有QQ群提供線上學(xué)習(xí)跟蹤和指導(dǎo)服務(wù)。
《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》共分14章，系統(tǒng)地講解Web前端開發(fā)的核心技術(shù)，主要內(nèi)容包括Web前端開發(fā)概述、HTML5基礎(chǔ)、HTML5頁面元素和屬性、表單、CSS3基礎(chǔ)、CSS3修飾頁面元素、CSS3高級選擇器、CSS3盒子模型、浮動與定位、CSS3高級應(yīng)用、網(wǎng)頁布局、Flex布局、Grid布局等，并提供“大學(xué)生參軍入伍專題網(wǎng)站”和“文創(chuàng)商城”兩個實戰(zhàn)案例。
本書作者
盧欣欣，副教授。長期從事高校教學(xué)工作，專注Web應(yīng)用開發(fā)，項目開發(fā)經(jīng)驗豐富。主講《Web程序設(shè)計》《高級程序設(shè)計》《軟件開發(fā)綜合實踐》等課程，先后主編教材2部，參編教材3部。在慕課網(wǎng)上線的《企業(yè)網(wǎng)站綜合布局實戰(zhàn)》課程學(xué)習(xí)人數(shù)超15萬人。
崔仲遠，副教授，畢業(yè)于北京交通大學(xué)。長期從事高校教學(xué)工作和軟件項目開發(fā)工作，實戰(zhàn)開發(fā)經(jīng)驗豐富。先后承擔(dān)《網(wǎng)頁特效設(shè)計》《Web前端基礎(chǔ)》《跨平臺腳本開發(fā)技術(shù)》等多門課程的教學(xué)任務(wù)，發(fā)表學(xué)術(shù)論文多篇，主編教材2部，參編教材3部、專著1部。主持省級教改項目1項、科研項目1項。
本書讀者
《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》既可作為本專科院校計算機相關(guān)專業(yè)的Web程序設(shè)計、網(wǎng)頁設(shè)計與制作等課程的教材，也可作為Web應(yīng)用開發(fā)人員的自學(xué)手冊和技術(shù)參考書。
本書目錄
第1章 Web前端開發(fā)概述 1
1.1 Web前端開發(fā)職責(zé) 1
1.2 Web前端開發(fā)相關(guān)概念 2
1.3 Web前端開發(fā)相關(guān)技術(shù) 3
1.3.1 Web標準 3
1.3.2 HTML 4
1.3.3 CSS 4
1.3.4 JavaScript 5
1.4 Web前端開發(fā)工具 5
1.4.1 代碼編輯工具：VSCode 6
1.4.2 代碼運行工具：瀏覽器 8
1.4.3 開發(fā)者工具 9
1.4.4 人工智能輔助編程工具 10
1.5 網(wǎng)站設(shè)計與開發(fā)流程 11
1.6 實戰(zhàn)案例：網(wǎng)頁顯示“社會主義核心價值觀” 12
1.7 本章小結(jié) 13
第2章 HTML5基礎(chǔ) 14
2.1 HTML5語法基礎(chǔ) 14
2.1.1 HTML文檔結(jié)構(gòu) 14
2.1.2 HTML標簽語法 17
2.1.3 HTML注釋 18
2.2 文本控制標簽 19
2.2.1 標題標簽 19
2.2.2 段落標簽 20
2.2.3 換行標簽 20
2.2.4 文本格式化標簽 21
2.2.5 特殊字符 22
2.3 圖像標簽 23
2.3.1 網(wǎng)頁常用圖像格式 23
2.3.2 圖像標簽的使用 24
2.3.3 相對路徑與絕對路徑 26
2.4 超鏈接標簽 27
2.4.1 文本鏈接 27
2.4.2 圖像鏈接 28
2.4.3 書簽（錨點）鏈接 28
2.4.4 其他鏈接 30
2.5 列表 30
2.5.1 有序列表 31
2.5.2 無序列表 32
2.5.3 定義列表 34
2.5.4 嵌套列表 35
2.6 表格 36
2.6.1 表格結(jié)構(gòu) 36
2.6.2 表格標簽 37
2.7 視頻和音頻標簽 41
2.7.1 視頻標簽 41
2.7.2 音頻標簽 42
2.8 其他標簽 42
2.8.1 預(yù)格式化標簽 42
2.8.2 水平線標簽 43
2.8.3 行內(nèi)容器標簽 43
2.9 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”兵役登記頁面 44
2.10 本章小結(jié) 46
第3章 HTML5頁面元素和屬性 47
3.1 文檔結(jié)構(gòu)標簽 47
3.1.1標簽 47
3.1.2標簽 49
3.1.3標簽 50
3.1.4標簽 51
3.1.5標簽 53
3.1.6標簽 53
3.1.7和標簽 54
3.1.8標簽 55
3.2 交互元素 55
3.2.1 標簽 55
3.2.2 標簽 56
3.2.3標簽 57
3.3 文本層次語義標簽 58
3.3.1 標簽 58
3.3.2 標簽 59
3.3.3 標簽 60
3.4 全局屬性 61
3.5 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”頁面結(jié)構(gòu) 62
3.6 本章小結(jié) 64
第4章 表單 65
4.1 表單概述 65
4.2標簽 67
4.3 標簽 68
4.3.1 單行文本框 69
4.3.2 密碼框 69
4.3.3 文件域 70
4.3.4 單選按鈕和復(fù)選框 71
4.3.5 隱藏域 73
4.3.6 按鈕 73
4.3.7 HTML5新增輸入元素 76
4.4 標簽 78
4.5 標簽 79
4.6 選擇列表標簽 80
4.7 多行文本框標簽 83
4.8 表單常用屬性 84
4.9 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”網(wǎng)上咨詢表單 86
4.10 本章小結(jié) 88
第5章 CSS3基礎(chǔ) 89
5.1 CSS概述 89
5.2 CSS語法規(guī)則 90
5.3 CSS樣式的引入方法 91
5.3.1 行內(nèi)樣式表 91
5.3.2 內(nèi)部樣式表 92
5.3.3 外部樣式表 93
5.4 CSS基本選擇器 94
5.4.1 標簽選擇器 94
5.4.2 ID選擇器 95
5.4.3 類選擇器 95
5.4.4 通用選擇器 97
5.5 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”公共樣式表制作 97
5.6 本章小結(jié) 98
第6章 CSS3修飾頁面元素 99
6.1 CSS字體樣式 99
6.1.1 字體粗細屬性 99
6.1.2 字體風(fēng)格屬性 100
6.1.3 字體大小屬性 101
6.1.4 字體族屬性 103
6.1.5 字體屬性 106
6.2 CSS文本樣式 107
6.2.1 行高屬性 107
6.2.2 顏色屬性 109
6.2.3 文本水平對齊屬性 110
6.2.4 首行縮進屬性 111
6.2.5 文本修飾屬性 111
6.2.6 字符間距屬性 112
6.2.7 字間距屬性 113
6.2.8 字母大小寫屬性 114
6.2.9 文本陰影效果屬性 115
6.3 CSS表格樣式 116
6.4 CSS表單樣式 118
6.4.1 單行文本框美化 119
6.4.2 按鈕美化 120
6.4.3 下拉列表美化 120
6.5 CSS列表樣式 122
6.6 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”在線咨詢頁面 123
6.7 本章小結(jié) 126
第7章 CSS3高級選擇器 127
7.1 組合選擇器 127
7.1.1 交集選擇器 127
7.1.2 并集選擇器 128
7.1.3 后代選擇器 129
7.1.4 子元素選擇器 130
7.1.5 相鄰兄弟選擇器 131
7.1.6 通用兄弟選擇器 132
7.2 屬性選擇器 133
7.3 偽類選擇器 134
7.4 偽元素選擇器 136
7.5 CSS三大特性 138
7.6 本章小結(jié) 141
第8章 CSS3盒子模型 142
8.1 盒子模型概述 142
8.1.1 認識盒子模型 142
8.1.2
標簽 144
8.2 盒子模型的相關(guān)屬性 144
8.2.1 內(nèi)容區(qū)域的寬度和高度 144
8.2.2 邊框 145
8.2.3 內(nèi)邊距 152
8.2.4 外邊距 153
8.3 陰影 155
8.4 box-sizing 156
8.5 背景屬性 158
8.5.1 背景顏色 158
8.5.2 背景圖像 158
8.5.3 圖像平鋪方式 158
8.5.4 背景圖像位置 160
8.5.5 背景圖像固定 161
8.5.6 背景圖像大小 161
8.5.7 背景裁剪 163
8.5.8 背景復(fù)合屬性 164
8.5.9 CSS精靈圖 165
8.6 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”登錄頁面 166
8.7 本章小結(jié) 169
第9章 浮動與定位 170
9.1 標準文檔流 170
9.2 元素的分類 171
9.2.1 塊級元素、行內(nèi)元素與行內(nèi)塊元素 171
9.2.2 元素的類型轉(zhuǎn)換 172
9.3 元素的浮動 173
9.3.1 設(shè)置浮動 174
9.3.2 清除浮動 176
9.4 元素的定位 180
9.4.1 定位的概念 180
9.4.2 定位屬性 181
9.4.3 靜態(tài)定位 181
9.4.4 相對定位 182
9.4.5 絕對定位 183
9.4.6 固定定位 186
9.4.7 粘性定位 187
9.4.8 層疊等級屬性 188
9.5 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”輪播圖效果 190
9.6 本章小結(jié) 192
第10章 CSS3高級應(yīng)用 193
10.1 變換 193
10.1.1 旋轉(zhuǎn) 194
10.1.2 傾斜 195
10.1.3 縮放 196
10.1.4 平移 197
10.1.5 變換原點 198
10.2 過渡 200
10.3 動畫 202
10.4 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”CSS3高級應(yīng)用 205
10.5 本章小結(jié) 208
第11章 網(wǎng)頁布局 209
11.1 網(wǎng)頁布局概述 209
11.1.1 網(wǎng)頁布局的概念 209
11.1.2 網(wǎng)頁布局的流程 210
11.1.3 常見的網(wǎng)頁布局方法 211
11.2 網(wǎng)頁布局命名規(guī)范 211
11.3 常見布局的實現(xiàn) 212
11.3.1 單列布局 212
11.3.2 兩列常規(guī)布局 214
11.3.3 三列常規(guī)布局 216
11.3.4 兩列自適應(yīng)等高布局 217
11.3.5 三列自適應(yīng)布局 219
11.4 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”首頁主體部分 223
11.5 本章小結(jié) 225
第12章 Flex布局 226
12.1 Flex布局概述 226
12.2 Flex布局相關(guān)概念 227
12.3 容器屬性 227
12.3.1 display屬性 228
12.3.2 flex-direction屬性 228
12.3.3 flex-wrap屬性 230
12.3.4 justify-content屬性 232
12.3.5 align-items屬性 233
12.3.6 align-content屬性 235
12.4 項目屬性 236
12.4.1 order屬性 236
12.4.2 flex-grow屬性 237
12.4.3 flex-shrink屬性 239
12.4.4 flex-basis屬性 240
12.4.5 flex屬性 241
12.5 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”導(dǎo)航條 242
12.6 本章小結(jié) 244
第13章 Grid布局 245
13.1 Grid布局概述 245
13.2 Grid布局相關(guān)概念 246
13.3 容器屬性 246
13.3.1 display屬性 247
13.3.2 劃分網(wǎng)格 248
13.3.3 行間隔和列間隔 252
13.3.4 項目對齊方式 253
13.4 項目屬性 255
13.4.1 grid-column和grid-row屬性 255
13.4.2 grid-area屬性 257
13.5 實戰(zhàn)案例：“大學(xué)生參軍網(wǎng)站”視頻展播列表 258
13.6 本章小結(jié) 260
第14章 Web前端項目綜合實踐——文創(chuàng)商城 261
14.1 項目概述 261
14.2 需求分析 262
14.3 原型設(shè)計 262
14.4 公共部分的設(shè)計與實現(xiàn) 265
14.4.1 重置樣式 265
14.4.2 頁面頭部 265
14.4.3 頁面底部 268
14.4.4 懸浮側(cè)邊欄 270
14.5 首頁的設(shè)計與實現(xiàn) 271
14.5.1 甄選好物版塊 271
14.5.2 國博文房版塊 274
14.6 商品列表頁的設(shè)計與實現(xiàn) 277
14.6.1 商品類型篩選 277
14.6.2 分頁導(dǎo)航 278
14.7 商品詳情頁的設(shè)計與實現(xiàn) 279
14.8 本章小結(jié) 283
編輯推薦
1HTML5與CSS3是Web前端開發(fā)的兩大核心技術(shù)，它們不僅是Web前端開發(fā)工程師必須掌握的技能，也是高校一門重要的Web前端課程內(nèi)容
2《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》以“從項目中來到項目中去”為主旨，從Web前端開發(fā)的基本概念入手，系統(tǒng)介紹HTML5、CSS3網(wǎng)頁編程技巧。
3《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》采取“知識點講解+示例解析+案例詳講+高頻面試題+實踐操作+學(xué)科競賽真題”的遞進式教學(xué)模式，引導(dǎo)讀者理解理論知識，掌握開發(fā)方法，學(xué)會復(fù)雜的網(wǎng)站設(shè)計技能，全面提升讀者的Web前端開發(fā)能力。
4《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》配套資源非常豐富，包括思政元素、案例源代碼、PPT課件、微課視頻、習(xí)題與答案、教案、教學(xué)大綱、章節(jié)測試、云題庫、實驗報告、學(xué)習(xí)通在線課程，能幫助讀者快速掌握HTML5與CSS3前端技術(shù)。
本文摘自《HTML5+CSS3 Web前端開發(fā)與實例教程：微課視頻版》，獲出版社和作者授權(quán)發(fā)布。
給大家推薦一下學(xué)習(xí)研究HTML5必備的一些個網(wǎng)站，更加有利于大家對html5的學(xué)些和研究。
1. W3C HTML 5 權(quán)威教程，學(xué)習(xí)HTML5的各種標簽，查詢參考手冊。
2. HTMLDemos可以插件HTML5標簽在各瀏覽器的兼容性，同時你還可以查看各種HTML5的標準Demo演示。
3. 蘋果提供的HTML5演示站點，提供很多很絢麗的HTML5Demo。鏈接
4. 測試瀏覽器對HTML5的支持，并打分，可以知道你當前的瀏覽器對HTML5的支持情況如何，各種標簽和組件的支持情況。鏈接
5.360的HTML5基地。鏈接
6. WHATWG博客是網(wǎng)絡(luò)超文本應(yīng)用技術(shù)工作小組（Web Hypertext Application Technology Working Group）的博客。鏈接
7. HTML5醫(yī)生發(fā)表了許多文章，都是關(guān)于HTML5及其語義、及如何正確使用它的。他們也通過“詢問醫(yī)生”收集了很多問題，并在文章中予以回答，所有人都可從中受益。鏈接
8. 這是一個以表格制成的備忘單形式的單頁面，描述了HTML5、CSS3、SVG及其他未來網(wǎng)絡(luò)技術(shù)的特征。鏈接
9. 這個備忘單就是一個簡單的可視網(wǎng)格，包含了所有HTML5標簽和相關(guān)的屬性。鏈接
10 .一個提供HTML5各種功能演示的網(wǎng)站，提供各種HTML5的顯示Demo。鏈接
11. 這個網(wǎng)站提供了大量的HTML5游戲資源，喜歡HTML5游戲的童鞋們，可以千萬別錯過哦。鏈接
12. 一個HTML 5的文檔資料網(wǎng)站，做得很出色。介紹的圖片全是用了涂鴉的方式，很直觀，很可愛的網(wǎng)站。鏈接
13.h5之家（中文學(xué)習(xí)園地）。鏈接
今天就給大家推薦到這里，這15個網(wǎng)站，基本上可以算得上是HTML5學(xué)習(xí)研究的上上至寶了。如果你也有更好的HTML5網(wǎng)站推薦，歡迎評論并留下網(wǎng)址信息，方便整理。
出于對PMCAFF用戶的尊重，任何在PMCAFF產(chǎn)品經(jīng)理社區(qū)發(fā)布的內(nèi)容，在未經(jīng)允許的情況下，不得在任何平臺被直接或間接發(fā)布使用或被用于其他任何商業(yè)目的。如有違反上述聲明者本網(wǎng)站將追究其相關(guān)法律責(zé)任。
微信公眾號：pmcaffcom
投稿郵箱：tougao@pmcaff.com
Greated by PMCAFF產(chǎn)品經(jīng)理社區(qū) - www.pmcaff.com
*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
