俗話說的好：“好記性不如爛筆頭”，我又沒有好記性，所以就每次都記下來，用到的時候可以翻翻。
p_段落標籤
顧名思義，就是寫一段話需要用到的標籤，用法如下：
<p>這是一段話（此處省略1500字）</p>
br_換行標籤
有時候，寫兩句就需要換一下行，就可以用到br標籤，與普通文檔中的回車符意義相同，用法如下：
<p>這是一段話（此處省略1500字）<br />這句我就換了行</p>
a_超鏈接標籤
頁面之間跳轉就需要用到超鏈接，其中的href屬性用於定義超鏈接的URL，用法如下：
<a href="https://www.csdn.net/">這是一個超鏈接</a>
hr_水平線標籤
當你需要一條長長的分割線時，或許可以考慮一下hr標籤，用法如下：
<p>
我說完了，需要一條分割線結束
<hr />
第二部分
</p>
h1-h6_標題標籤
當需要字體大小不同的標題時，可以用標題標籤，字體的大小從h1開始到h6越來越小，h1最大，h6最小，用法如下：
<h1>這是h1標籤，字體很大</h1>
<h6>這是h6標籤，字體很小</h6>
pre_預先格式化標籤
因爲HTML很多標籤會合並空格，所以當你想要展示很多個空格的時候，往往並不會像你想的那樣，當然，pre標籤可以滿足你的要求，被包圍在pre裏的文本通常會保留空格和換行符，並且字體等寬。字體等寬：其實漢字一般都是等寬的，設置字體等寬對於字母比較明顯，可以看下面示例：
<pre>
這句話前面大概有13個空格
Hello,html (這句話前沒有空格，就會頂行顯示)
</pre>
<p>Hello,html (這句話是用p標籤對比上文字母的字體等寬)</p>
可以看到，pre裏的l和o寬度一樣，而p標籤裏l寬度比o窄，這就是pre標籤的字體等寬。
header_頁眉標籤
頁眉標籤即在頁面最上方展示的內容，用法如下：
<header>這裏是頁眉</header>
footer_頁腳標籤
頁腳標籤與頁眉標籤用法相同，用來展示頁腳內容，用法如下：
<footer>這裏是頁腳</footer>
nav_導航欄標籤
一般網頁在頁眉下面都有一條包含首頁之類的導航欄，nav實現的就是這一效果，一般搭配a標籤使用，用法如下：
<nav>
<a href="http://www.tup.tsinghua.edu.cn/index.html">清華大學出版社</a>
<a href="https://www.w3school.com.cn">w3scholI在線教程</a>
<a href="https://www.csdn.net/">CSDN社區</a>
</nav>
section_節標籤
section標籤定義文檔中的節（section、區段），比如章節、頁眉、頁腳或文檔中的其他部分，用法上和div相差不大，用法如下：
<section>
<h1>標題</h1>
<p>正文內容</p>
</section>
b_加粗標籤
b標籤原本含義是加粗，現在表示“文體突出”文字，通俗講就是普通段落文字中突出不安分的文字，並把這部分文本呈現爲粗體文本，用法如下：
<p>這句話突然有幾個字被<b>加粗</b></p>
strong_加粗標籤
strong在HTML4中，表示strong emphasized text，即“更強調的文本”，在HTML5中其含義變成了important text，即“重要的文本”。其效果大致與b相同，都是對文本進行加粗，用法如下：
<p>是該<strong>強調</strong>幾句話了</p>
i_傾斜標籤
i標籤原本只是傾斜，現在用來體現與文本中其餘部分不同的部分，並把這部分文本呈現爲斜體文本，用法如下：
<p>有幾個字走着走着就<i>倒</i>了</p>
em_傾斜標籤
em在HTML4和HTML5中，都表示emphasized text，即“強調的文本”，也有說法認爲HTML5中，em表示有壓力的強調，意義基本一致。其效果大致與i相同，都是對文本進行傾斜處理，用法如下：
<p>又有幾個字也<em>倒</em>了下來</p>
cite_作品標題
cite用來定義作品（比如書籍、歌曲、電影、電視節目、繪畫、雕塑等）的標題，其效果與傾斜類似，用法如下：
<p>莊子的<cite>《逍遙遊》</cite>我並沒有看過</p>
small_小型文本標籤
small將旁註呈現爲小型文本。免責聲明、注意事項、法律限制或版權聲明等通常都使用小型文本，小型文本有時也用於新聞來源、許可要求等。對於由em元素強調過的或由strong元素標記爲重要的文本，small元素不會取消對文本的強調，也不會降低這些文本的重要性。當然，b和i標籤也可以應用在small裏，用法如下：
<small>這裏是<em>小型文本</em><strong>標籤</strong></small>
ins&del_標記文本改變標籤
ins標記定義文檔中的插入文本，和del標記一起使用，來描述對文檔的更新和修正。del表示刪除的文本，瀏覽器中通常以刪除線文本顯示，ins表示新添加的文本，瀏覽器中通常以下劃線文本顯示。用法及效果如下：
<ins>這句是新添加的文本</ins>
<del>這句是剛剛刪除的文本</del>
sub&sup_文字上下標標籤
sub標記可定義下標文本，sup標記可定義上標文本。用法及效果如下：
<p>
因式分解得：(x+1)<sup>2</sup>=4
<br />
解得：x<sub>1</sub>=-3, x<sub>2</sub>=1
</p>
time_時間標籤
time標記是HTML5的新增標記，用來定義日期時間。網頁中經常會出現日期和時間信息，但過去一直沒有標準的方式來標註，time標記的出現便是爲了解決這個問題，其目的是讓搜索引擎等其它程序可以更容易的提取日期時間信息，但在頁面上似乎並不顯示其內容，用法如下：
<p>
我每天早上<time>6:00</time>起牀。
我姐姐的<time datetime="1995-10-13">生日</time>馬上要到了。
</p>
var_變量標籤
var標籤經常與 code和pre標籤一起使用，用來顯示計算機編程代碼範例及類似方面的特定元素，用 var標籤標記的文本通常顯示爲斜體。
address_聯繫信息標籤
address標籤定義文檔或文章的作者/擁有者的聯繫信息，address元素中的文本通常呈現爲斜體，address元素通常連同其他信息被包含在footer元素中，其用法如下（此標籤示例代碼源自菜鳥教程）：
<address>
Written by <a href="mailto:[email protected]">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
div_塊級容器標籤
div元素是塊級元素，它是可用於組合其它HTML元素的容器，div元素沒有特定的含義，如果與 CSS 一同使用，div元素可用於對大的內容塊設置樣式屬性。在HTML5中header等結構化元素出現之前，最常用的組容器就是div元素，它代表一個通用的內容塊，結合CSS對文檔賦予結構。其用法如下：
<div style="color: red;">
<h3>標題</h3>
<p>文本內容</p>
</div>
span_行內容器標籤
span元素是一個行內元素，它是div元素的一位表親，同樣是一個沒有語義的通用元素，就其本身而言，span元素對文檔的視覺效果沒有任何影響，配合CSS使用時會發生變化，用法及效果如下：
<p>
在無數藍色的眼睛和褐色的眼睛之中，我有着一雙寶石般的黑色眼睛，<span>我驕傲，我是<strong>中國</strong>人！</span>
</p>
<p>
在無數藍色的眼睛和褐色的眼睛之中，我有着一雙寶石般的黑色眼睛，<span style="color: red;">我驕傲，我是<strong>中國</strong>人！</span>
</p>
ul_無序列表標籤
無序列表類似於word中的項目符號列表，列表項排列沒有順序，只以項目符號作爲分項標識。無序列表使用ul標記，需要爲每一個列表項使用標記li標記，用法如下：
<ul>
<li>唱</li>
<li>跳</li>
<li>rap</li>
<li>籃球</li>
</ul>
ol_有序列表標籤
有序列表使用標記ol，其列表項仍然使用標記li，當需要子菜單或更多層次時，需要使用嵌套的方式實現，具體代碼及效果如下：
<ol>
<li>一級菜單第一個</li>
<ol>
<li>二級菜單第一個</li>
<ol>
<li>三級菜單第一個</li>
</ol>
<li>二級菜單第二個</li>
</ol>
<li>一級菜單第二個</li>
<li>一級菜單第三個</li>
</ol>
dl_描述列表標籤
dl元素代表了一個描述列表，由0到多個“術語-描述”組構成，每一組都與一個或多個“術語”（dt元素的內容）以及一個或多個“描述”（dd元素的內容）相關，具體代碼及效果如下：
<dl>
<dt>赤鷩</dt>
<dd>鳥，可以御火</dd>
<dd>赤鷩，山雞之屬，胸腹洞赤，冠金，背黃，頭綠，尾中有赤，毛彩鮮明。</dd>
<dt>鱧魚</dt>
<dd>魚，其狀如鱉，其音如羊</dd>
<dt>肥囗</dt>
<dd>蛇，六足四翼，見則天下大旱</dd>
</dl>
附1：使用字符實體表示特殊字符
大多數字母數字字符都可以在HTML文檔中直接使用而不會有任何問題，然而，有一些字符在HTML中具有特殊含義，瀏覽器很可能會錯誤理解，這時，就需要使用一組不同的字符代替這些特殊字符，這就是字符實體（也叫轉義字符），部分常用符號如下：
附2：添加註釋
註釋在網頁中不會顯示，添加註釋的快捷鍵是ctrl+?，HTML註釋的基本形式如下：
<!--
註釋內容
...
-->
結語
記錄倉促，如有錯誤或不足之處，還望指正