第一：HTML

這是最簡單和最基本的。要控制塊級元素：div、table、p、ul、li ... 內聯元素a、font、span ...等。這些標籤是最常用的頁面佈局，要精通其功能，要特別注意頁面佈局標籤之間的關係。

Html介紹：

HTML是一種用於描述網頁的語言。

HTML指的是超文字標記語言（超文字標記語言）

HTML不是一種程式語言，而是一種標記語言。

標記語言是一組標記標記

HTML使用標記標記來描述網頁

HTML標記標記通常稱為HTML標記。

HTML標記是由尖括號括起來的關鍵字，例如

HTML標記通常成對出現，例如和

標記對中的第一個標記是開始標記，第二個標記是結束標記。

開始和結束標記也稱為開啟和關閉標記

第二：CSS

通常我們會看到Web前端開發工程師的職責。將使用html + css進行佈局，因此css用於幫助html進行佈局和顯示。我們稱之為“css風格”。 Css應該精通寬度、height、float、位置，以及溢位、margin、padding等樣式屬性，這些都與樣式的佈局有關，必須掌握。

Css概述

CSS指的是層疊樣式表

樣式如何顯示HTML元素

樣式通常儲存在樣式表中

向HTML 4.0新增樣式是為了解決內容和效能分離的問題

外部樣式表可以大大提高生產力

外部樣式表通常儲存在CSS檔案中

多個樣式定義可以級聯為一個

第三：JS

javaScript是Web前端的描述語言。它也是基於物件和事件驅動的、安全指令碼語言。

它在客戶端執行，以減輕伺服器的負擔。JavaScript是一種指令碼語言

JavaScript是一種輕量級程式語言。

JavaScript是可以插入HTML頁面的程式設計程式碼。

將JavaScript插入HTML頁面後，它可以由所有現代瀏覽器執行。

JavaScript很容易學習。

第四：JQUERY

簡單地說，jquery相當於js包中的一組js外掛，目的是操作更方便，編寫程式碼少，jquery入口也很簡單，入口需要像js一樣學習，只需用jq程式碼替換。

jQuery庫 - 功能

jQuery是一個JavaScript庫。

jQuery庫包含以下功能：

HTML元素選擇

HTML元素操作

CSS操作

HTML事件功能

JavaScript效果和動畫

HTML DOM遍歷和修改

第五：HTML5 + CSS3

Html5是最新版本，主要功能是支援原生視訊播放、 離線儲存、更多語義標籤。

HTML5中一些有趣的新功能：

繪畫的畫布元素

用於媒體播放的視訊和音訊元素

更好地支援本地離線儲存

新的特殊內容元素，例如文章、footer、header、nav、section

新的表單控制元件，例如日曆、date、time、email、url、search

CSS3是CSS技術的升級版本，CSS3語言開發正朝著模組化的方向發展。以前作為模組的規範太大而且複雜，因此它被分解為更小的模組，並且添加了更多的新模組。這些模組包括：Box型號、列表模組、超連結模式、語言模組、背景和邊框、文字效果、多列布局等

CSS3也是最新版本，主要功能是支援圓角、陰影、動畫效果。值得一提的是，目前IE6、7、8無法完全支援HTML5和CSS3，其他主流版本如谷歌、已經支援Firefox瀏覽器。

CSS3分為模組。

最重要的CSS3模組包括：

選擇

盒子模型

背景和邊界

文字效果

2D / 3D轉換

動畫

多列布局

使用者介面

第六：AJAX

AJAX是一種可以更新網頁部分而無需重新載入整個網頁的技術。

在繼續之前，您需要對以下內容有基本的瞭解：

HTML / XHTML

CSS

javaScript / DOM

什麼是AJAX？

AJAX =非同步JavaScript和XML。

AJAX是一種用於建立快速動態網頁的技術。

AJAX可以通過在後臺與伺服器進行少量資料交換來使網頁非同步更新。這意味著可以在不重新載入整個頁面的情況下更新頁面的某些部分。

傳統網頁（不使用AJAX）如果需要更新內容，則必須重新載入整個網頁。

如果有正在學web前端的小夥伴，可來我們的學習扣qun哦：86772，6593裡面免費送視訊教程。小編也是一名從事了5年web前端開發的工程師，花了近一個月整理了一份較適合18年學習的乾貨，以及我這五年的工作經驗，分享給每一位想學web前端的小夥伴，這裡是web前端學習者聚集地，歡迎初學和進階中的小夥伴。