目前應用的開發都離不開前端（Web）開發，Web的應用也越來越多。我們在學習Web開發的過程，首先要學習HTML，其次在學習CSS，JavaScript，最后學習流行框架React，Vue，Angular等。
HTML全稱為超文本標記語言，是一種標記語言。它包括一系列標簽，通過這些標簽可以將網絡上的文檔格式統一，使分散的Internet資源連接為一個邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說明文字，圖形、動畫、聲音、表格、鏈接等。
Web開發工具
VS Code，Sublime，EditPlus，記事本，WebStorm等。
HTML語法
-元素以開始標簽起始
-元素以結束標簽終止
-開始標簽與結束標簽之間是元素內容
-元素具有空內容
-空元素在開始標簽中進行關閉
-元素可擁有屬性
HTML結構
<!DOCTYPE html> <!-- 文檔標記 --> <html lang="en"> <!-- 文檔頭標記 --> <head> <!-- 頁面元信息 --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 文檔標題 --> <title>Document</title> <!-- 連接外部樣式文件 --> <link rel="stylesheet" href=""> <!-- 腳本內容或外部文件 --> <script></script> <!-- 樣式內容 --> <style></style> </head> <!-- 文檔內容主體 --> <body> </body> </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
文章內容如果寫的存在問題歡迎留言指出，讓我們共同交流，共同探討，共同進步~~~
文章如果對你有幫助，動動你的小手點個贊，鼓勵一下，給我前行的動力。