前端掌握的東西還是比較多的，第一是HTML常用標籤，第二是CSS基礎樣式，第三是JavaScript的基本函式，第四現在主流的框架技術等。過段時間我會在各個平臺開始自學程式設計的影片講解以及實際訓練，感興趣的朋友可以先關注我，我們共同進步！

HTML+CSS+JavaScripr的套路比較老舊了，現在大家通常用Vue+Element ui技術。HTML+CSS+JavaScript可以瞭解下，具體寫程式碼的時候還是用Vue框架比較好

前端HTML需要掌握哪些知識呢？

初學HTML從基礎知識入手，學習瀏覽器核心、HTML基本結構標籤、HTML語法規範、VSCode編輯器、HTML常用標籤、相對路徑、錨點定位、表格、列表、表單等內容。

前端HTML基礎知識學習路線：

1， 瀏覽器與瀏覽器核心；HTML 簡介導讀；網頁的相關概念；常用瀏覽器以及核心；web標準 HTML標籤導讀

2 ，HTML基本結構；HTML語法規範；HTML基本結構標籤；VSCode工具建立頁面 ；DOCTYPE和lang以及字符集的作用；標籤語義

3 ，HTML常用標籤；標題標籤；段落標籤和換行標籤；文字格式化標籤；div和span標籤；影象標籤；影象標籤注意點

4 ，路徑和錨點定位；目錄資料夾和根目錄；相對路徑；絕對路徑；連結標籤；錨點連結；註釋標籤和特殊字元

5 ，HTML 綜合案例

6， 表格和列表標籤及案例；HTML標籤 ；表格標籤基本使用；表頭單元格標籤 ；表格相關屬性(瞭解) ；表格結構標籤 ；合併單元格；表格總結 ；無序列表；有序列表；自定義列表；列表總結

7 ，表單相關元素及屬性；表單使用場景以及分類；表單域；input之type屬性文字框和密碼框；input之type屬性單選按鈕和複選框；input之name和value屬性；input之checked和maxlength屬性；input表單元素四個屬性使用場景；input之type屬性提交和重置按鈕；input之type屬性普通按鈕和檔案域；label標籤 ；select下拉表單；textarea文字域標籤。

首先希望你培養對web前端的興趣。

推薦你從這本書培養興趣

它系統的整合了html css 和js 的基礎，有豐富的案例給你練習，這本書看完你從頭到尾手lu一個網站不成問題，有了練習就會有成就感救能更樂意去探索和學習。

這本書看完之後，我們繼續進階學習一下es6語法，當下所有開發基本上都是es6以後的語法。因為當下都是es6語法開發的前端應用，所以這也是必備的知識點。

推薦阮一峰大佬寫的這本書，在網上也可以預覽，書中大概會有百分之50%的知識點會在你以後敲程式碼中經常用到。

https://es6.ruanyifeng.com/

這些學習完之後，後面技術就很簡單了。

我們需要掌握

一門前端框架 vue 或者 react

一個路由管理 vue-router 或者 react-router

一個樣式預編譯器 less 或者 sass

瞭解打包工具webpack

一套ui元件庫，vue 中的 element 或者 react 中的 ant design

這些掌握後，你就可以進行企業級開發了。

百戰程式設計師IT問題專業解答

初學HTML從基礎知識入手，學習瀏覽器核心、HTML基本結構標籤、HTML語法規範、VSCode編輯器、HTML常用標籤、相對路徑、錨點定位、表格、列表、表單等內容。

前端HTML基礎知識學習路線：

1， 瀏覽器與瀏覽器核心；HTML 簡介導讀；網頁的相關概念；常用瀏覽器以及核心；web標準 HTML標籤導讀

2 ，HTML基本結構；HTML語法規範；HTML基本結構標籤；VSCode工具建立頁面 ；DOCTYPE和lang以及字符集的作用；標籤語義

3 ，HTML常用標籤；標題標籤；段落標籤和換行標籤；文字格式化標籤；div和span標籤；影象標籤；影象標籤注意點

4 ，路徑和錨點定位；目錄資料夾和根目錄；相對路徑；絕對路徑；連結標籤；錨點連結；註釋標籤和特殊字元

5 ，HTML 綜合案例

6， 表格和列表標籤及案例；HTML標籤 ；表格標籤基本使用；表頭單元格標籤 ；表格相關屬性(瞭解) ；表格結構標籤 ；合併單元格；表格總結 ；無序列表；有序列表；自定義列表；列表總結

7 ，表單相關元素及屬性；表單使用場景以及分類；表單域；input之type屬性文字框和密碼框；input之type屬性單選按鈕和複選框；input之name和value屬性；input之checked和maxlength屬性；input表單元素四個屬性使用場景；input之type屬性提交和重置按鈕；input之type屬性普通按鈕和檔案域；label標籤 ；select下拉表單；textarea文字域標籤。