只要開始學就沒問題，HTML5中文的意思是超文字標記語言。它只是告訴瀏覽器你的超文字在瀏覽器上的相對位置（標記），不是程式語言，所以非常簡單。不懂程式設計的人只要每天1－2小時堅持一個月，基本就可以學會了。

我感覺我是比較適合回答這個問題的！

接下來我說一下自己的見解吧。！

第一，剛開始的時候，可以去w3c school或者菜鳥教程那裡學習基礎的html和css的內容！瞭解大概。

第二，可以嘗試學習 html5和css3的內容。

第三，可以開始學習，js內容內容，初學的話可以配合一些影片網站看，一邊看影片一邊學。比如慕課網，騰訊課堂等等

接下來可以開始學習js的一些框架！

jq,angular.Js，React，vue.js等等

以下是初學者入門web前端的學習路線以及週期，分7個階段學習，按照這個步驟學你會成為下一個技術大牛。

第一階段：前端頁面重構（4周）

1、PC端網站佈局專案（2.5周）

- HTML基礎，CSS基礎，CSS核心屬性

- CSS樣式層疊，繼承，盒模型

- 容器，溢位及元素型別

- 瀏覽器相容與寬高自適應

- 定位，錨點與透明

- 圖片整合

- 表格，CSS屬性與濾鏡

2、HTML5+CSS3基礎專案(1周)

- HTML5新增的元素與屬性

- 表單域增強元素

- CSS3選擇器

- 文字字型相關樣式

- CSS3位移與變形處理

- CSS3 2D轉換與過度動畫

- CSS3 3D轉換與關鍵幀動畫

- 彈性盒模型

- 媒體查詢

- 響應式設計

3、WebApp頁面佈局專案（0.5周）

- 移動端頁面設計規範

- 移動端切圖

- 文字流式/控制元件彈性/圖片等比例/特殊設計的100%佈局

- 等比縮放佈局

- viewport/meta

- rem/vw的使用

- flexbox詳解

- 移動web特別樣式處理（reset, 1px border, 高畫質圖片）

第二階段：JavaScript高階程式設計（5周）

1、原生JavaScript互動功能開發專案（3周）

- 基本語法

- 迴圈語句

- 函式與陣列

- String與Date

- BOM與DOM

- 事件

- 拖拽效果

- cookie儲存

- 正則表示式

- Ajax

- 面向物件基礎

- 運動與遊戲開發

2、面向物件進階與ES5/ES6應用專案（1周）

- Promise

- 設計模式（觀察者模式等）

- 原型鏈

- 建構函式

- 執行上下文棧與執行上下文

- 變數物件與活動物件

- 作用域鏈

- 閉包

- this

- ES5

- ES6

3、JavaScript工具庫自主研發專案（1周）

- DOM庫

- 事件庫

- AJAX庫

- 原型和繼承庫

- MVVM核心庫

- 基於SPA的路由庫

第三階段：PC端全棧開發（3周）

1、jQuery經典互動特效開發（0.5周）

- 時間軸特效

- tab頁面切換效果

- 網頁定位導航特效

- 滑動門特效

- 焦點圖輪播特效

- 導航條選單效果

- 瀑布流特效

- 彈出層效果

- 倒計時效果

- 抽獎效果

2、PHP+MySQL後端基礎專案（1周）

- PHP

- MySQL

- HTTP(s)協議詳解

- Ajax進階、跨域與Defered

- Apache與Nginx 環境搭建與配置

- 介面的定義

- Mock資料

- Restful

- 前後端聯調

- 前端安全(XSS,CSRF,JSON注入)

3、前端工程化與模組化應用專案（0.5周）

- Gulp

- Webpack

- NPM

- Linux命令

- Git/SVN

- CommonJS

- AMD

- CMD

- ES6模組化

4、PC端全棧開發專案（1周）

- 大首頁、列表頁與詳情頁

- 展示與互動特效

- 搜尋

- 登入與註冊

- 購物車

- jQueryUI 與 jQuery EasyUI

- Bootstrap(ACE)

- Highcharts/Echarts

- ArtTemplate

- velocity

- smarty

- 雲平臺系統前端

第四階段：移動端WebApp開發（3周）

1、應用Vue.js開發WebApp專案（1周）

- WebApp開發基礎(Webstorage,移動端事件,UI元件, Zepto, IScroll, Swiper)

- Vue.js基礎

- 模組化

- 單檔案元件

- 路由

- 與伺服器通訊

- 狀態管理

- 單元測試與生產釋出

- 服務端渲染SSR與Nuxt.js

- 基於Vue.js企業級專案開發(Mint UI, Element UI)

2、應用React.js開發WebApp專案（1周）

- ReactJS基礎

- JSX語法

- 元件

- flux+Redux

- React-Router路由

- 動畫效果

- 基於React 企業級專案研發( Antd, Antd Mobile)

3、應用Angular開發WebApp專案（1周）

- TypeScript 基礎與進階

- 開發環境配置

- Hello World

- 架構、模組與元件

- 模板

- 元資料、資料繫結與資料顯示

- 表單

- 服務與指令

- 依賴注入

- 路由

- Ionic 3 MUI框架

- 專案實戰

- 訂閱號的基本功能

- 使用百度BAE實現程式碼的快速上線

- 使用Git完成線上程式碼部署

- 小程式入門必學

- 小程式元件體驗

- 小程式大功能

- 專案實戰帶你征服小程式

3、React Native（0.6周）

- React Native初探

- React Native 專案導航

- React Native 專案文字框

- React Native 專案滾動分頁

- React Native 專案第三方登入

- React Native 其他元件

4、各類混合應用開發（0.4周）

- 自主原生Navtive Hybrid(iOS、Android)

- 第三方Hybrid框架Cordova/Phone gap

- 第三方Hybrid框架MUI + HTML5+

第六階段：Node.js全棧開發（2周）

1、Node.js基礎專案（1周）

1）、NodeJS基礎

- NodeJS介紹

- 開發環境搭建

- 模組與包管理工具

- CommonJS模組

- URL網址解析

- QueryString引數處理

- HTTP模組

- HTTP小爬蟲

- request方法

- 事件 events模組

- 檔案 fs模組

- Stream 流模組

- 原生路由與引數接收

- 讀取圖片檔案

- npm scripts

- Yarn 與 PM2

2）、MongoDB

- MongoDB介紹與環境搭建

- 資料庫常用命令

- Collection聚集集合

- document文件操作

- 聚集集合查詢

- NodeJS連線MongoDB

3）、GraphGL

- GraphQL初探:從REST到GraphQL

- GraphGL安裝

- 準備資料來源

- 搭建GraphQL伺服器

- 資料查詢

4）、Express

- express 介紹

- 安裝和建立基於Express的專案

- Express 4.1x 初始化專案詳解

- 路由簡介

- 模板引擎EJS

- 模板引擎Pug（Jade）

5）、Koa

- Koa入門

- Koa應用

- 中介軟體

- Context

- async await

- 請求與響應

6）、測試框架mocha

- 搭建框架

- 斷言assert

- 專案測試

- 執行多個測試

7）、socket 即時通訊專案

- Socket簡介和通訊流程

- 基於net模組實現socket

- WebSocket

- Socket.io

2、Node.js高階全棧專案（1周）

3、Express

- express api

- express 中介軟體

- ejs/jade

4、noSQL資料庫

- mongodb 與 mongoose

- 框架中介軟體

- 專案實戰匯入

第七部分：大資料視覺化（1周）

大資料視覺化化基礎與實戰

1）、資料視覺化入門

- 資料視覺化基礎

- 零程式設計工具使用：ChartBlocks、Infogram、plotly、Raw、Tableau

2）、D3.js詳解

- D3.js 入門

- D3.js 進階

- D3.js 選擇集與資料

- D3.js 高階應用

- D3.js 應用工具：NVD3、n3-charts

3）、其他JS庫

- Highcharts

- FusionCharts

- Polymaps

4）、專案實戰

　　HTML5開發工作相對於其他軟體開發工作是比較容易入門的，但是深入學習會比較困難，它需要從業人員掌握一定的設計、程式碼、互動技能，有的公司還會要求有一點SEO技能，下面帶你看看零基礎如何入門HTML5。

　　(一)HTML5開發培訓零基礎入門有兩種方式

　　1、透過自己自學進入該行業。

　　2、透過參加HTML5培訓入門。

　　透過自身學習入門HTML5你需要透過的是最開始學習時多看看影片，有一定了解後針對自身情況挑選合適的書籍，進行知識性的查漏補缺。當然這學習的過程很重要，需要將自己學習的知識串成知識點時常溫習。平時多練習程式碼，堅持一段時間之後一定能有所成就。最好可以挑選合適的教育機構，這樣可以減少你學習的時間，有針對性的學習。

　　(二)HTML5開發技術三個階段

　　HTML5開發技術三個階段，分別是前端美工、前端開發和前端架構。前端美工主要負責最基本的一些平面設計，互動設計，不需要參加太多程式碼問題，中級HTML5開發會寫js，應用js，使用者互動等，前端架構是開發、最佳化框架和伺服器，使用者體驗等涉汲就比較廣。三者薪資根據等級不同也逐漸升高。

　　(三)HTML5開發包括三個要素

　　HTML、CSS和JS，是HTML5開發包括的三要素，當然伺服器端語言以及基本的PS、視覺設計也是需要了解的。HTML5開發既需要與上游的互動設計師、視覺設計師和產品經理溝通，又要與下游的伺服器端工程師溝通，需要掌握的技能比較多。所以對於有些知識只需要入門不需要精通，有些知識卻需要融會貫通，這對HTML5開發的學習比較重要。

　　HTML5開發的學習是一個由易到難的過程。技能很重要，但重要的是HTML5開發的思維和對行業最新動向的瞭解，以及學習方法的養成。一個好的師傅帶領比前期的高薪資、好福利重要的多的多。

　　如果你對html5感興趣，不妨來千鋒教育看看!

html5相關技術其實不怎麼難，通常情況下在網上都能夠找到系統學習的教程，建議可以按照網上的教程一步步來，最重要的是多動手練習，這個是最關鍵的，在基礎知識學的差不多的時候，可以做一些小專案練手，這樣可以提高綜合運用所學的知識點，比如做一些網頁，網站之類的。由於html5入門門檻低，所以即便零基礎，只有認真學都沒難度。加油！

如果有基礎就好辦多了，自己看看教程就可以：http://codingdict.com/article/6064

HTML5學習培訓怎麼學。這個只要你去培訓機構學習，就會有專業的老師帶你學習，其實這些都不是你要擔心的問題，畢竟現在專業的培訓學習還是很靠譜的，比如千鋒教育我覺得就挺好的，現在身邊好多人都去那裡學習。

對於很多想要學習HTML5的同學來說，先不要管培訓怎麼學，選擇靠譜的培訓機構才是關鍵所在，因為只有找到專業的培訓學校，我們才能學的更好，什麼樣的培訓學校是值得我們去選擇的呢？

1、師資必須有一線專案操作經驗

教師是IT培訓機構的核心組成元素，考察師資力量主要看三個方面：看師資水平，主要看老師的工作背景和工作經驗看是否有老師實時輔導。

試問，一位沒有專案操作經驗的授課講師，如何能給學員講述知識點的精髓，專案的經驗？紙上得來終覺淺，這句話適用於學生，同樣適用於講師。所以，考察講師時可以重點關注下講師是否有在知名IT企業從事專案研發的工作經驗。

另外還要看講師是否有實時輔導，現在很多培訓機構往往是透過讓學員看教學影片學習，建議大家不要選擇這樣的培訓機構。要選擇那種講師進行實時授課，能夠及時解答學員疑問的培訓機構，這樣學員才能學得更快更紮實。

2、課程內容必須緊跟市場需求

很多培訓機構都是以盈利為目的，重點放在招生宣傳上，而忽略了培訓很本質的——課程內容，甚至有些培訓機構，兩三年都不更新課程。

由於一些學員對IT行業的瞭解很少，在選擇培訓機構的時候，很容易被培訓機構漂亮的宣傳給誘惑，而弱視了課程，這是極不理智的。所以在瞭解培訓機構時，課程內容一定要緊跟市場需求，走在IT行業的前沿，並且根據行業的變化適時進行更新，這樣的課程才有價值，掌握的知識才能滿足行業和企業的需求。

3、學員必須有專案操作課程

選擇培訓機構非常關鍵的一點是——能夠不斷地進行真實的商業專案實戰。培訓主要是為了就業，而就業後就是不斷地做專案，所以在培訓過程中，積累自己的專案經驗非常重要，這也是企業衡量人才的重要標準之一！有些培訓機構僅僅只是教授學員一些書本知識，而沒有安排專案操作，這是對學員極不負責的，從某種程度上說，專案實操遠比課堂教學更重要。因為只有透過專案操作才能將學員學到的知識發揮出來，才能發現問題和解決問題。

千鋒是業內僅有的一家敢推出“兩週免費試聽，不滿意不繳費”的政策，讓學員更真實地瞭解千鋒、瞭解自己是否適合做開發；更可0學費入學，工作後分期還款，學員畢業能找到好工作。還有權威資深師資陣容，業內極具責任心、懂教學、擁有超強技術、有大型專案經驗實戰派講師授課，由業內知名專家及企業技術骨幹組成。選擇千鋒HTML5開發培訓機構，不僅能學到實在的技能，而且還能掌握就業的技能。

越來越多的人學習html5，很多新手都不知道從什麼地方開始學，也不知道該學習哪些內容。那麼今天就給大家分享一下零基礎學html5的學習方法。

自學的時候，我們可以先了解html5是什麼，然後再學習HTML+CSS，再進行JavaScript的學習。另外，再配上好的學習資源或資料，學習起來效率會更高。要學好html5, 我們需要學習三個方面的知識: 一是:HTML, 二是CSS. 三是：javascript。這些知識貫穿整個html5的學習，可以說每一個html5開發工程師都必須掌握的知識。同時，這三面的知識在工作中也會經常用到”。

首先了解html5

需要去了解html5是什麼以及html5行業的狀況，然後在已經瞭解的基礎上發現自己是否喜歡html5這個職業，才去決定自己是否有學習html5，畢竟興趣是我們的好老師。

再學習HTML與CSS

自學時選擇合適的書籍進行學習，會相對高效一些。選擇好的學習資源（從知識邏輯、知識的講解方式去衡量），才能夠更好地去吸收知識，學習時間成本也會低一些。

相對來說，HTML和CSS的知識點是比較多的，比如標籤、選擇器等等。種類實在是太多, 而對於初學者來說,完全不需要都記住, 只需要記住常見的即可。其他的在不明白的時候, 及時去查資料就可以。

html5屬於一門標記語言，,而作為一名移動端攻城獅來說html5的學習,相對來說是比較簡單的，雖然語法上有不少不一樣的地方, 但是程式碼邏輯和實現方式都是差不多的。html5的學習離不開程式碼，每一個程式碼所代表的含義也是不一樣的。

在html5中甚至有上百上千個標籤需要記住，我們不可能一次性記住。這時，建議不要浪費太多的時間去記程式碼，可以在平時的工作學習中遇到一個記一個，這樣慢慢的積少成多。當然，我們在編碼過程中必須用到的，還是該記的。

學習書籍推薦：

HTML+CSS學習資料：《html5佈局之路》

再就是JavaScript

先紮實原生JavaScript，再去學習JavaScript的框架，比如jQuery、Vue等框架，因為JavaScript框架的學習需要依託原生JavaScript的知識，學習起來也會比較快。

未來我們會是一名長期做程式開發的程式設計師, 所以我們在學習html5的時候, 應該著重學習javascript, 因為，javascript主要負責的就是與使用者的互動事件。不言而喻,互動永遠是重頭戲。JavaScript學習資料：《JavaScript權威指南》、《JavaScript高階程式設計》

如果覺得自學比較困難不能堅持，建議你選擇千鋒教育這樣專業的IT培訓機構，專業的機構系統學習幾個月，就可以達到自己學1-2年的水平。所以，選擇好的學習方式也是關鍵所在，根據自己的條件選擇即可。

一名優秀的HTML5前端開發工程師在知識體系上既要有廣度，又要有深度。

學習的時候需要掌握什麼？

Web前端開收技術包括三個要素：HTML、CSS和JS。Web前端開發工程師既要與上游的互動設計師、視覺設計師和產品經理溝通，又要與下游的伺服器端工程師溝通，因此需要掌握的技能非常多。

對於一些對程式碼很陌生的人來說，想要把程式碼學好並不是一件容易的事。甚至是一看要學的東西這麼多，有種無從下手的感覺。這個時候建議大家先從簡單的地方入手，先把基礎知識記牢，例如：關於HTML和CSS的歷史，及各種的標籤用處，以及如何去搭建平臺去做PC端，移動端等等。循序漸進的學習，切記這個時候不能浮躁，因為前端開發的基礎知識並不難，但是對於新人小白可能會覺得有一些複雜，這個時候就需要去梳理出一個知識框架，梳理好知識框架後就不會覺得那麼複雜了。做網頁的時候一定要做到：動手多操作、多練習，這樣才能將自己所學的鞏固紮實了。在這裡，推薦大家可以用一下思維導圖，利用圖形去整理筆記，思維導圖是一種將思維形象化的方法。我們能夠把知識利用圖形串聯起來，去加深記憶。用一箇中央關鍵詞或想法以輻射線形連線所有的想法。

將最基本的網頁搭建學好之後，相信此時的你，已經對這個技術有了足夠的興趣和學好的動力，之後就是JavaScript的學習了，在學習這個的時候，需要注意的是：要把基本語句背熟，並且需要充分了解迴圈語句。之後的學習也不要忘記勤學多練。

隨著網際網路的迅猛發展，技術型人才成了市場緊缺人才，很多沒有基礎的同學也希望可以學習從事程式設計和開發的工作，但是由於沒有基礎，很多人不敢輕易嘗試，其實現在很多專業的學習機構是可以解決這種問題的。那麼html5基礎到底該怎麼學？

隨著學習html5的人員增加，一系列問題也逐漸顯現出來。其中大家較為關心的當屬零基礎學習該如何學習html5了。的確，對於零基礎學員而言，初接觸一門技術，想要去了解然後掌握它是很有難度的。因為零基礎的學員通常會感覺無從下手，不知道該學習什麼。

第一步：基礎知識的學習

因為我們是從零基礎開始學習的，所以基礎知識至關重要。“學習html5的過程就是蓋樓房的過程，如果你基礎知識沒有學好，就等於一棟樓房的地基沒有夯實。後期的學習會難上加難。”

同時，基礎知識不能只依靠課上學習的那點知識，一定要透過線上或者翻閱一些html5相關書籍來增加自身的知識儲備量。

第二步：程式設計技巧的學習

學html5一定要掌握一定的程式設計技巧，這樣在以後的工作中可以大大提高工作效率。通常我們可以在學習期間參與的專案實戰中積累相關的程式設計技巧，或者也可以透過與同學、講師日常的交流中，吸取經驗教訓掌握程式設計技巧。

第三步：熟練掌握學習基本框架

眾所周知html5的學習離不開框架，即便是在以後的工作中我們也會經常用到框架。除了掌握基本的前端框架之外，我們還應該在學一個後端框架。因為前端和後端有相通的地方，如果可以掌握後端知識，在工作中會有很大幫助。

第四步：熟練掌握基本的程式設計工具

這些基本的程式設計工具是我們以後“吃飯”的工具，所以作為一位零基礎的學員一定要熟練掌握這些程式設計工具。要想熟練掌握這些程式設計工具，就必須反覆使用和練習正所謂熟能生巧。

第五步：各種框架類庫的學習

在html5的學習過程中會接觸各種亂七八糟的框架類庫，像這種框架類庫一般看看就可以了，但是多學點總是好的，不見得一定要用。看這些框架庫的主要目的就是懂得人家的設計理念，這些設計理念或許在工作中用得到。

其實要學習的東西就是這些，怎樣學，能不能學就要看自己的能力了，畢竟不是每個人都能夠自學成才的。