目前應用的開發都離不開前端（Web）開發，Web的應用也越來越多。我們在學習Web開發的過程，首先要學習HTML，其次在學習CSS，JavaScript，最後學習流行框架React，Vue，Angular等。
HTML全稱爲超文本標記語言，是一種標記語言。它包括一系列標籤，通過這些標籤可以將網絡上的文檔格式統一，使分散的Internet資源連接爲一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
Web開發工具
VS Code，Sublime，EditPlus，記事本，WebStorm等。
HTML語法
-元素以開始標籤起始
-元素以結束標籤終止
-開始標籤與結束標籤之間是元素內容
-元素具有空內容
-空元素在開始標籤中進行關閉
-元素可擁有屬性
HTML結構
1 <!DOCTYPE html> 2 <!-- 文檔標記 --> 3 <html lang="en"> 4 <!-- 文檔頭標記 --> 5 <head> 6 <!-- 頁面元信息 --> 7 <meta charset="UTF-8"> 8 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 9 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 10 <!-- 文檔標題 --> 11 <title>Document</title> 12 <!-- 連接外部樣式文件 --> 13 <link rel="stylesheet" href=""> 14 <!-- 腳本內容或外部文件 --> 15 <script></script> 16 <!-- 樣式內容 --> 17 <style></style> 18 </head> 19 <!-- 文檔內容主體 --> 20 <body> 21 22 </body> 23 </html>
基礎標籤
標題：由大到小 <h1></h1>，<h2></h2>，<h3></h3>，<h4></h4>，<h5></h5>，<h6></h6>
段落：<p>段落內容</p>
鏈接：<a href="link">文本</a>
圖像：<img src="link" />
表格：<table><tr><td>row 1,cell 1</td><td>row 1,cell 2</td></tr>row 2<tr></tr></table>
列表：無序 <ul><li></li><li></li></ul>；有序 <ol><li></li><li></li></ol>
塊級元素和行內元素
塊元素：div，h1-h6，form，p，pre，ol>li，ul>li，dl>dd，table>tr>td，hr
行元素：span，a，br，strong，img，i，em，input，select，textarea，del，u，sup，sub
單標籤
<br />、<hr />、<img />、<input />、<param />、<meta />、<link />
註釋方式
<!-- 在此處寫註釋 --><!--條件註釋-->
<!--[if IE 8]>
.... some HTML here ....
<![endif]-->HTML圖形
Canvas元素
<canvas id="myCanvas" width="100" height="50"></canvas>HTML媒體
音頻
<audio controls="controls">
<source src="song.mp3" type="audio/mp3" />
Your browser does not support this audio format.
</audio>視頻
<video width="300" height="200" controls="controls">
<source src="movie.mp4" type="video/mp4" />
</video>HTML5新增元素
header，footer，main，nav，section，aside，article，color，date，datetime，email，month，number，range，search，tel，url，time，week