1.標題標簽

標題標簽：h1、h2、h3…h6,1-6表示標題層級，最大h1,最小h6

<h1>title1</h1>
<h2>title2</h2>
<h3>title3</h3>
<h4>title4</h4>
<h5>title5</h5>
<h6>title6</h6>

2.段落標簽

可以使用段落標簽來將內容分成若干個段落

<p>This is a paragraph</p>
<p>This is another paragraph</p>

3.文本標簽

br

一個空的HTML元素,關閉標簽沒有任何意義，但在HTML之后的版本中，不允許使用沒有結束標簽的HTML元素，所以推薦使用

b

僅加粗文本

strong

加粗文本，表示標簽中的內容的重要性，兩者在顯示并沒有差別

sub

下標文本

sup

上標文本

<p><b>Everything happens for a reason!</b> <br/> <strong>You can change your odds!</strong> <br> <strong>You can change your life!</strong></p>
<!--下標文本-->
<sub>下標文本</sub>
<!--上標文本-->
<sup>上標文本</sup>

4.超鏈接標簽

超鏈接（Hyperlink）通常簡稱為鏈接（Link），是指從一個網頁指向另一個目標的連接關系，這個目標可以是另一個網頁，也可以是當前網頁中的其它位置，還可以是圖片、文件、應用程序等

<!--href屬性：1、可以指向網頁，2、可以指向圖片，3、可以指向壓縮文件，4、可以指向本地文件，指向可以是相對路徑，也可以是絕對路徑-->
<a href="http://www.w3school.com.cn/" target="_blank">訪問 W3School</a>

5.圖片標簽

HTML 使用 標簽插入圖片，img 是 image 的簡稱，自閉和標簽，只包含屬性，沒有結束標簽

<!--圖片-->
<!--src：必填屬性，指定圖片的地址（網絡圖片）或者路徑（本地圖片）-->
<!--alt：可選屬性，當圖片無法正常顯示的時候，會顯示alt屬性中的信息-->
<img src="64960446_p0.jpg" alt="wlop">

6.表格標簽

在 HTML 中，我們使用 標簽來定義表格。HTML 中的表格和 Excel 中的表格是類似的，都包括行、列、單元格、表頭等元素。

<!--table表格-->
<!--tr：行-->
<!--th：表頭-->
<!--td：表格單元格標簽-->
<!--border-collapse：表格邊框合并-->
<table border="1" style="border-collapse: collapse"><tr><th>朝代</th><th>開國皇帝</th></tr><tr><td>秦</td><td>嬴政</td></tr><tr><td>漢</td><td>劉邦</td></tr>
</table>

7.列表標簽

HTML 列表（List）可以將若干條相關的內容整理起來，讓內容看起來更加有條理

有序列表ol

<!--有序列表：ol order list縮寫-->
<ol><li>有序1</li><li>有序2</li>
</ol>

無序列表ul

<!--無序列表：ul unordered list縮寫-->
<ul><li>無序1</li><li>無序2</li>
</ul>

定義列表dl

<!--定義列表：dl definition list縮寫dt definition term縮寫，標題dd definition description縮寫，描述
-->
<dl><dt>標題1</dt><dd>標題1的描述</dd><dt>標題2</dt><dd>標題2的描述</dd>
</dl>

8.表單標簽

表單屬于 HTML 文檔的一部分，其中包含了如輸入框、復選框、單選按鈕、提交按鈕等不同的表單控件，用戶通過修改表單中的元素（例如輸入文本，選擇某個選項等）來完成表單，通過表單中的提交按鈕將表單數據提交給后端程序。

<!--表單-->
<!--action屬性：表示將表單數據提交的url，默認是當前頁面，當姓名和年齡輸入點擊提交時，提交到當前網頁-->
<!--http://localhost:63342/FrontEnd/HTML/%E6%A0%87%E7%AD%BE.html?username=kii&age=25-->
<!--input：表示定義輸入框-->
<!--method：表示表單數據提交方式，主要是get和post方式-->
<!--    get：請求數據直接拼接在路徑后面 ?username=kii&age=25，大小有限制-->
<!--    post：請求數據通過請求體傳遞 username=lisi&age=19, 大小無限制-->
<!--    如果要提交數據,必須添加name屬性-->
<form action="" method="get">姓名：<input type="text" name="username" id="1">年齡：<input type="number" name="age" id="2"><input type="submit" value="get提交">
</form>
<form action="" method="post">姓名: <input type="text" name="username">年齡: <input type="text" name="age"><input type="submit" value="post提交數據">
</form>

9.音頻標簽

<!-- 音頻標簽audiosrc: 設置視頻資源路徑controls: 播放控件 [注意: 當值和key一樣的時候,可以省略值]
--><audio src="./audio/news.mp3" controls></audio>

10.視頻標簽

<!-- 視頻標簽src屬性：視頻路徑controls屬性：播放控件
-->
<video src="./video/news.mp4" controls width="950px" ></video>

11.HTML元素分類

HTML元素主要分為兩個類別，塊級元素和內聯元素

塊級元素

通常是以新行來開始，塊級元素主要包括div、h、table、p

內聯元素

通常不會以新行開始，內聯元素主要包括span、a-

12.HTML布局

HTML4布局主要通過div實現

HTML5布局有很多其他標簽：header、nav…稍微了解就行，具體使用可以查看手冊

<div><li>HTML教程</li><li>CSS教程</li><li>JS教程</li><li>Java教程</li><li>Python教程</li>
</div>

13.內聯框架

iframe：可以在網頁中顯示網頁，可以設置width和height

<iframe src="https://www.w3school.com.cn/" frameborder="0"></iframe>
>CSS教程</li><li>JS教程</li><li>Java教程</li><li>Python教程</li>
</div>

13.內聯框架

iframe：可以在網頁中顯示網頁，可以設置width和height

<iframe src="https://www.w3school.com.cn/" frameborder="0"></iframe>