| id | 標簽 | 功能 |
| 1 | <hr /> | 水平分割線 |
| 2 | <br /> | 強制讓文本換行 |
| 3 | <p>段落</p> | 段落標簽(自帶換行效果) |
| 4 | <b>內容</b> | 加粗標簽 |
| 5 | <strong>內容</strong> | 加粗標簽(強調作用，更符合標准流) |
| 6 | <font color="#00ff00" size="16" face="黑體">內容</font> | 設置字體的顏色和大小 |
| 7 | <s>內容</s> | 刪除樣式(html5棄用) |
| 8 | <u>內容</u> | 下划線樣式(html5棄用) |
| 9 | <em>內容</em> | 表示強調語氣，以斜體方式展現 |
| 10 | <i>內容</i> | 文字斜體，沒有任何語意 |
| 11 | <a href="#">內容</a> | 錨文本、超鏈接(引號內為跳轉鏈接或者錨點位置內容) |
| 12 | <h1>內容</h1>......<h6>內容</h6> | 標題標簽，按數字遞增，字體依次變小，最大為h1，最小為h6(自帶換行效果) |
| 13 | <sub>12</sub> | 讓字體變小，顯示在下方(下標) |
| 14 | <sup>12</sup> | 讓字體變小，顯示在上方(上標) |
| 15 | <ins>內容</ins> | 表示插入的字符，表示方式，帶下划線 |
| 16 | <del>內容</del> | 在字符上帶一條刪除線。刪除樣式 |
| 17 | <code>hello world<code> | 表示此段是程序代碼 |
| 18 | <pre>內容</pre> | 預格式化。就是你敲在源碼里是什么格式。在頁面上就顯示什么格式。一般跟code配合使用。 |
| 19 | <!--注釋內容--> | 注釋標簽，注釋內容不會在瀏覽器中顯示，主要用於開發人員對板塊的划分與注釋 |
| 20 | <font size="1-7" color="顏色" face="字體樣式"></font> | 規范文本標簽，可以設置標簽內文本大小，顏色，樣式。(文本大小取值只有1-7，瀏覽器默認為3) |
關於編輯和管理html文件的程序通用快捷鍵（可能有些快捷鍵對於某些編輯程序不通用，具體參考對應程序快捷鍵設置）
1.全選(Ctrl+A)
2.復制(Ctrl+C)
3.剪切(Ctrl+X)
4.粘貼(Ctrl+V)
5.撤銷(Ctrl+Z)
6.重做(Ctrl+Y)
7.注釋/反注釋(Ctrl+/)
8.查找(Ctrl+F)
9.選擇一行(Ctrl+L)
10.保存(Ctrl+S)
11.刪除一行(Ctrl+D)
12.運行(Ctrl+R)
13.縮進(Tab)
14.反縮進(Shift+Tab)
關於html基本組成解釋
一個基本的html組成如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
</body>
</html>
- <!DOCTYPE> 聲明必須是 HTML 文檔的第一行，位於 <html> 標簽之前。<!DOCTYPE> 聲明不是 HTML 標簽；它是指示 web 瀏覽器關於頁面使用哪個 HTML 版本進行編寫的指令。
- <html>此元素可告知瀏覽器其自身是一個 HTML 文檔。<html> 與 </html> 標簽限定了文檔的開始點和結束點，在它們之間是文檔的頭部和主體
- <head> 標簽用於定義文檔的頭部，它是所有頭部元素的容器。<head> 中的元素可以引用腳本、指示瀏覽器在哪里找到樣式表、提供元信息等等。文檔的頭部描述了文檔的各種屬性和信息，包括文檔的標題、在 Web 中的位置以及和其他文檔的關系等。絕大多數文檔頭部包含的數據都不會真正作為內容顯示給讀者。
- <meta> 元素可提供有關頁面的元信息（meta-information），比如針對搜索引擎和更新頻度的描述和關鍵詞,<meta> 標簽位於文檔的頭部，不包含任何內容。<meta> 標簽的屬性定義了與文檔相關聯的名稱/值對。
- 對於meta中出現的charset 屬性其作用是規定在外部腳本文件中使用的字符編碼。UTF-8 是一種Unicode 字符編碼形式。
- <body> 元素定義文檔的主體。body 元素包含文檔的所有內容（比如文本、超鏈接、圖像、表格和列表等等。）
以上標簽大多都是成對出現的稱為雙標簽，但是也有一部分單標簽，對上述出現的標簽除<hr />、<br />、<!DOCTYPE >、<meta>外皆為雙標簽。
博客里有部分轉載內容，經過自己的整理，其目的主要是對知識的組織和管理。