學習web前端，首先要學HTML。
關於HTML基礎知識，首先是要掌握一些常用標籤的使用和他們的各個屬性，這些常用的標籤我總結了一下有以下這些：
html：頁面的根元素。head：頁面的頭部標籤，是所有頭部元素的容器。body：頁面的主體標籤，頁面展現的內容就放置在這裏面。title：頁面的標題。
meta：位於文檔的頭部，提供頁面的元信息，包括關鍵字、描述等等。link：定義文檔與外部資源的關係，最常用的用途就是引入樣式表。script：腳本標籤，可以把js腳本代碼放置在這個標籤內，也可以使用這個標籤的src屬性引入一個外部標籤。style：樣式標籤，可以把css代碼寫在這個標籤中。
a：超鏈接，href屬性代表要鏈接到的地方，target屬性代表打開方式。img：圖像標籤，src屬性表示圖片的位置。form：表單元素，它內部的input、select、textarea等標籤都是比較重要的。
div：定義文檔中的分區或節，可以使用div來進行頁面的佈局等操作。另外還有ul、li、p、button、iframe、p、table等標籤也很常用，nav、section、article、header、aside、footer等語義化標籤也需要了解一下。
除了要了解上面這一些標籤之外，還需要對一些新的HTML5的API有一定的瞭解：
audio、video標籤。
Canvas：定義圖形，比如圖表和其他圖像。
input標籤的accept屬性，email、phone、url等類型。
getElementByClassName根據class名來獲取一個元素結點。
Multiple file selection多文件選擇屬性。
html的import、template
process標籤，webGL等內容。
還有一些要知道的知識點：
1.doctype的作用。2.unicode、utf8等編碼的原理和區別。
3.如何進行頁面性能優化。
4.png、jpg、webp、gif等圖片格式的不同的優勢。
5.HTML行內元素與塊級元素的區別。
6.移動web端開發常用head標籤。7.web語義化。
8.瀏覽器中的緩存原理