HTML5是網頁的基礎語言，主要用於描述超文字中內容的顯示方式。它是學習Web前端開發的第一步。其內容包括：文字、影象、超連結、表格、表單、繪製圖形、音訊和影片。可以選擇看書，只要包括這些方面的都可以；或者看教程，有一個很全面的教程“W3school線上教程”，這個可以作為查詢工具，也可作為學習工具。
簡單並概括來說，CSS3是對HTML5內容進行佈局（即安排每一塊內容的位置）、新增外觀樣式。但是其過程並不是如說的這樣簡單。CSS3涵蓋了大量的技術，需要我們看大量的例項並操作才能掌握。對於之後找工作來說，DIV+CSS網頁佈局是最最基礎的一項。這裡我給出我看過感覺不錯的書籍：《圖解CSS3核心技術與案例實戰》評價很高，專門學習CSS3的。學完CSS3，我們要將兩者結合起來，即網頁佈局。《DIV+CSS3網頁佈局實戰 從入門到精通》裡面有大量的例項，步驟很詳細，很容易理解。它是2015年出版的，很新。本人感覺很好。
1、首先要從基本的HTML語言開始學起。網頁的所有內容都是建立在HTML的基礎之上，要想學好HTML，不要去使用任何整合工具，而是使用文字編輯器，直接從最簡單的HTML可以寫起。首先上網下載notepad++文字編輯器，一個好的文字編輯工具能達到事半功倍的效果。
2、w3shcool 網站提供各種前端開發教程，其教程很適合初學者學習。 根據教程的每一步，一邊學習一邊編寫html，來學習基本的html語言語法。
3、學習了基本的html之後，沒有JavaScript，網頁永遠都只是一張靜態的紙。下一步要結合JavaScript來深入前端開發。原生的JavaScript是非常難用的，對初學者門坎比較高，但是如果從Jquery學習開始的話，你會發現js是那樣的靈活和美妙，這會讓你徹底喜歡上前端開發。再次利用w3shcool的jquery教程來學習。
4、學習jquery的時候，你會發現jquery可以做動畫，可以修改頁面的顯示效果，這樣你就自然需要了解css，w3school在此又要有用了，這時可以根據教程學習基本的css語法，你會發現它的選擇器與jquery十分相似，其實這也是jquery強大的原因。學習了css，你就會發現自己終於可以做出漂亮的頁面，而不是那些古板的條條框框了。
5、學習了以下這些前端開發的基礎之後，可以再來下載nginx伺服器，安裝使用都非常簡單，這樣就可以瞭解一個網站在伺服器上是如何運轉，如何透過一個http的地址來訪問你的網頁，如何將自己的網頁共享給別人。這樣你的入門就畢業了，就可以向高階邁入！
6、這時候可以選擇學習原生JavaScript，來知道jquery的原理，再學習html5，使用一些開源css框架。
1、Web前端開發一般指Web前端開發工程師。Web前端開發工程師，是從事Web前端開發工作的工程師。主要進行網站的開發、最佳化、完善的工作。網頁製作是Web 1.0時代的產物，那時網站的主要內容都是靜態的，使用者使用網站的行為也以瀏覽為主。
2、Web前端開發技術包括三個要素：HTML、CSS、JavaScript，隨著RIA的流行和普及，XML、Flash/Flex、Silverlight和伺服器端語言也是前端開發工程師應該掌握的。