去年五六月, 我一個朋友從後端轉前端, 第一次找前端工作的時候, 那時候, 前端可是真缺, 自己都沒出去投簡歷, 就收到十幾家公司的面試邀約...轉眼間就入職了, 工資還很高, 那時候, 他的前端可是才學了不到9個月 =_=

都知道 CS 工資高, 很多劃劃水的都來了, 但是, 不是興趣驅動的, 這些人遲早都會被拉下水嗆住的...供需平衡被打破也是一個好事...

努力提高自己, 努力成為高階工程師, 這樣的前端還是很缺的...

Html這種語言學習起來比較容易，算不上是程式語言，入門推薦在網上找些入門級的資料看一下，只要記住裡面的一些標籤就可以，標籤不 是太多很好記，記得差不多就可以，在實際練習的時候慢慢就會記住了，所謂的熟能生巧，儘量不要買哪些書籍，賣的那些書籍一般都是很 早以前的了，不是最新的，網上找的一般都是最新的資料和教程，對你以後有很大的幫助，剛開始最好不要去用那些所見即所得的開發工具 ，儘量寫程式碼去實現，這樣對您後期寫程式碼很有幫助，推薦個工具Sublime Text這個工具很小，執行起來很快，是很好的前臺開發工具

html可以說是非常簡單的一門語言了，但雖然簡單，卻是前端必不可少的語言。

現在是網際網路時代，可以藉助網際網路的力量去找合適的方法。

自學唄，在網上找影片教學，一邊看一邊跟著練習就好了

推薦幾個網站：

慕課網網易雲課堂百度傳課騰訊課堂

html相對於其他語言來說，非常簡單。 可以在上述網站找一找相關的教程

-- 河南新華電腦學院

不多說，就3點，適合新手

1、w3cschool.cn，這裡面有html的教程，全部是文字

適合手機看，堅持每天看，剛開始可能看不懂，堅持下去就可以了。這種是基礎性的東西，程式設計要好，都需要紮實基礎。

2、imooc.com，這裡面有很多影片教程，跟著練

這個網站基本是學前端的，也就是HTML這類知識，基礎的，高階的，都有。你可以現在免費課程區學習基礎的，有影片，都很簡短，可以調節語速。也是要堅持看。

3、多編碼

無論你學了多少，真正動手編碼才是王道，不要覺得累。高手都是從基礎的編碼開始學習的。當你寫程式到達一定程度的時候，知識就像是融入到手指肌肉裡面。遇到問題腦袋還沒來得及反應，手指就已經敲出程式碼了。

總結：寫得不多，但是很適合新手。貴在堅持。沒有人會督促你，學習更多的是靠自己的毅力。

系統學習更好：

HTML教程

HTML簡介

HTML編輯器

HTML基礎

HTML元素

HTML屬性

HTML標題

HTML段落

HTML樣式

HTML格式化

HTML引用元素

HTML計算機程式碼元素

HTML註釋

HTML顏色

HTML和樣式表

HTML超連結

HTML圖片

HTML表格

HTML列表

HTML塊級元素

HTML類

HTML iframe

HTML和JavaScript指令碼

HTML head標籤

HTML佈局

HTML實體

HTML表單

HTML表單

HTML表單元素

HTML表單輸入型別

HTML表單屬性

HTML5教程

HTML5簡介

HTML5瀏覽器

HTML5新元素

HTML5語義元素

HTML5遷移

HTML5語法

HTML5影象

HTML5 Canvas

HTML5 SVG

HTML5多媒體

HTML5多媒體

HTML5影片

HTML5音訊

HTML5 APIs

HTML5地圖

HTML5拖拽效果

HTML5 WEB儲存

HTML5應用快取

HTML5多執行緒

HTML例項

教程：http://codingdict.com/article/6065

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

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

HTML作為程式語言的一個基礎，如果保持一定興趣的話，學好還是很容易的。而且對於HTML的上手難度來看，也不是很難。即使你是零基礎，一套正確的規劃路線也能讓你達到很好的學習效果。首先你要明確，HTML不是程式語言，它只是一個結構標籤。首先，我先給你展示一下前端的學習路徑。

第一階段：Web網頁基礎

第二階段：Web程式設計基礎

第三階段：Web程式設計高階及全棧開發

第四階段：響應式網站開發

第五階段：框架與專案管理

然後你可以透過自己的方式去摸索這些，自學也好，培訓也好，看自己是否能堅持下來。說到底，能學好的條件就是看你努不努力了。

零基礎+跨專業，作為IT門外漢的我對前端一概不知，只知道HTML5可以寫網頁、做小程式、做區塊鏈。選它一是因為高薪就業的誘惑，還有就是HTML5相對於其他專業比較簡單，零基礎學起來相對輕鬆些。但經過一階段學習過後，我發現它並不簡單，門檻低，天花板高。踉踉蹌蹌的跟著老師的步伐走，朝著一個方向不停下就是我堅持的動力。

　　一階段知識點：網頁構架，以及網頁修飾。HTML的構成，結構、行為、表現。以及各種瀏覽器的相容，CSS2,CSS3，2D3D，轉換。二階段知識點：6種類型，布林，number，字串，null，undefined，object。接下來簡單分享一下最近所學的知識點，既是一次知識梳理，也是我成長的見證!

　　每一個元素都有一個或者多個屬性定義該元素的顯示樣式，行為或者其他內容，同一個元素的各個屬性之間的順序沒有前後之分，屬性的型別主要有等式型和布林型。屬性全部設定在HTML元素的起始標記的尖括號內，一般是以“<起始標記 屬性1=“屬性值1” 屬性2=“屬性值2” ……>”的格式出現。屬性之間沒有先後之分。也無大小之分。每一對屬性和屬性值之間必須用空格分隔。

　　布林屬性只有屬性名沒有屬性值，指定了這個屬性就代表它的“真”，反而則代表：假預設情況下，每一個布林屬性都是假，即不用指定，只有在需要時候才新增該項項屬性。

　　HTML常用的資料型別有長度、寬度、顏色、圖片、URL連結地址和字串等形式，其中內容的書寫單位是px，移動端書寫單位是：rem。畫素是計算機螢幕上所能顯示的最小的單位，不同計算機螢幕的解析度設定的不同，所顯示的畫素的大小也不相同。畫素是長度定義中使用最為普遍的單位，因為一般瀏覽器輸出的頁面總是在螢幕上，如果不打印出來，利用畫素值就能在電腦的螢幕上進行非常精確地定位。在用畫素值的時候一定要考慮螢幕解析度的相容性。

　　百分比vw，vh，長度值是典型的相對長度，如果對一張圖定義百分比值，則它的參照物件是整個瀏覽器的寬度和高度。當瀏覽器視窗的大小變化時，圖片的尺寸也會隨之進行變化。

　　顏色值也是比較常用的資料定義型別，頁面文件不可能是一成不變的黑白顯示，瀏覽器預設將沒有設定過得顏色值得字型，直線和邊框都定義為黑色，背景色則為白色。計算機螢幕上的任意一種顏色有都是由紅、藍、綠按照一定的比例混合而成，三色定律的另一種稱呼是RGB，顏色值的命名格式為“#RRGGBB”,每一種顏色的數值都是由十六進位制00至十六進位制ff表示，因此，單一顏色的深度為256等級。

Html是前端的入門必備的程式語言，學起來是相當容易的。

大部分前端就是市場上的前端，基本上是切個圖，做一些機械性勞動，對於大企業來講，是不要那種單純只會去做機械性勞動的前端的。

如果想要做一個拿到高薪的前端，有一個詳細的學習路線，大家才能更好的展開學習。

以上這份學習路線圖是前端課程大綱，挺適合大家借鑑來學習的。Web前端課程包括了幾個方面的內容：

1、學習HTML，這是最簡單，最基本的是要掌握div，formtable、Ulli、P、跨度、字型這些標籤，這些都是最常用的，尤其是DIV和表格，DIV，表也可以用於佈局，但不靈活，和用於基本表處理資料。

2、學習CSS，CSS這裡說的不包括CSS3 Web前端開發工程師裡面我們看到的，一個可以使用HTML或CSS + CSS+DIV的介面佈局，所以CSS是用來協助HTML佈局和顯示，我們稱之為“CSS樣式”，為什麼說DIV+CSS?因為我說div是HTML主要用於佈局的，所以div是這個東西的核心!CSS必須配合部。CSS必須掌握浮、位置、寬度和高度，以及最大值和最小值，以100%，溢位，邊緣、填充等。這些都是與佈局相關的樣式。

3、五月前學JS。你覺得還過的去，看看JS是可怕的，事實上，JS入門很簡單，不需要很多東西，只要根據ID或名稱DOM或”風格，或價值，然後以一個ID或名稱元標籤，或額外的資料，在HTML，這是對資料的操作有關係，那麼資料邏輯的影響，無非是一個跳躍，彈框，隱藏什麼，這一切都是結合其他應用，程式碼一點都不難，將這些基本的JS。百度其他好。然後多看一些，不是什麼問題。

4、學習jQuery相當於封裝一組JS外掛的JS。其目的是操作更方便，編寫更少的程式碼，jQuery條目也非常簡單。這些都是切入點，要學會像JS，只是改變了JQ程式碼。剩下的就跟百度一樣。

5，最好是指出背景語言，如java，php，為什麼?因為我們是前臺介面資料，從後臺到點，如果後臺程式碼，你知道如何與後臺資料互動是最好的，它節省了時間，也可以使前端程式碼更加規範。否則，可能是因為你回來了，無法忍受的資料，然後前端程式碼再次重寫，這將是可怕的。

學習一門技術，你得知道必須要學習的內容有哪些，哪些是更重要的，從淺入深瞭解一門技術，紮實的掌握住基礎的知識，才能讓我們更好的去掌握更精髓的課程內容。

從事了6年開發的老程式設計師，希望本文對大家有幫助

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

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

在大前端時代，企業的發展要迎合使用者的需求，平臺的使用者體驗度似乎已經成為使用者選擇平臺的衡量標準之一，因此，企業要發展離不開前端開發，隨之企業對前端開發工程師的需求量也逐漸增多。

在這種市場發展社會背景下，前端開發相關的崗位越來越多，對於想學習前端開發技術的小夥伴來說無疑是一個機會，故此，有越來越多的小夥伴想學習前端開發技術知識，不同的自身條件所選擇的學習方式不同。

對於零基礎的小夥伴來講，選擇適合自己的學習方式很重要，學習前端開發技術的方式無非就兩種：自學和前端培訓。我是比較推薦小夥伴參加前端培訓去學習的，在培訓班小夥伴可以系統的學習前端開發技術知識，還可以結合實戰專案去積累更多的實戰專案經驗，當然小夥伴也可以根據自身情況去選擇適合自己的學習方式。

無論小夥伴是選擇自學還是參加前端培訓去學習，適合自己的學習方法還是比較重要的，在學習期間，小夥伴要不斷去探索適合自己的學習方法，才能提高自身學習效率。

1.基礎知識積累很重要

想要“平地起高樓”，那必須要要打好基礎。學習前端開發技術知識也是需要先積累基礎知識，只有有了量的積累才能發生質的變化。

2.以用為學

小夥伴可以先在招聘網站了解企業對前端開發技術的需求是什麼，確定自身的發展方向，針對性學習，以用為學，才能在學習中提高學習效率，在工作總提升自身職業價值。

3.多敲程式碼，多溝通

學習前端開發光有基礎知識的積累還是遠遠不夠的，還需要結合專案實戰練習去深入學習瞭解前端開發基礎知識的運用。在遇到自己無法解決的問題的時候，還需要小夥伴多交流、多溝通，在交流過程中，學習其他人的程式設計思路，來充實自己的思路“缺陷”，培養自身程式設計思維。

最後，小夥伴在學習前端開發技術知識的過程中，要不斷去探索、磨合不同的學習方法，不同的思路相融合，將其變成適合自己的學習方法。尚矽谷前端培訓班是一家比較靠譜的全程面授教學，以理論實踐相結合教學的IT教育培訓機構，培訓班讓小夥伴在學習前端開發技術知識的同時，積累更多的專案開發經驗。

http://www.atguigu.com/html5_video.shtml

我是一名網站開發者，給你分享下我一開始是怎麼學的吧：

1、首先要去了解下html前端需要掌握的基礎知識，比如：css、html、html5、js、jQuery，簡單的ps操作，常用的就是切片。這些基礎可以去這些網站學習：

https://www.w3school.com.cn/ w3school 線上教程https://www.runoob.com/菜鳥教程https://jquery.cuishifeng.cn / jQuery API文件庫

2、掌握基礎後，可以找一些簡單的網頁，用學到的知識，排版練習3、靜態熟練以後，可以嘗試做一個小型的企業官方網站，幾張網頁的那種。

全部下來，前端基本的你都能做了，下面就可以學習高階一點的，比如響應式佈局、bootstrap框架，vue框架，node.js。

HTML前端怎麼學習好？作為一門面向大眾的、簡單易學的程式語言，HTML前端入門還是相對比較簡單的，大家在學習的時候只要選擇一個適合自己多學習方式和專業的課程學習就可以，下面我簡單分享一些html的學習路線，感興趣的朋友可以嘗試一下：

階段1.前端核心基礎

HTML +_CSS核心、JavaScript基礎語法、JavaScript面向物件、JavaScript DOM和

BOM程式設計、jQuery框架

階段2.HTML5 + CSS3 + 移動端核心

HTML5新特性、Canvas專列、CSS3新特性、CSS3進階、CSS3例項演練

階段3.移動端

移動端核心、移動端適配、移動端特效

階段4.伺服器端

階段5.JavaScript高階

JavaScript基礎深入剖析、JavaScript面向物件深入講解、JavaScript非同步程式設計、

JavaScript函數語言程式設計JavaScript設計模式

階段6.前端必備

效能最佳化、版本控制工具、模組化、專案構建工具

階段7.高階框架

React框架基本使用、React框架進階、Vue框架基本使用、Vue框架進階、Vue原始碼分析

階段8.小程式

原生小程式入門、原生小程式API使用、小程式框架Mpvue

如果您是零基礎的話您可以按照順序學習就可以的，先學習最基礎的東西，有問題可以及時溝通。