(一)：HTML標記組成
1、標題：一般用 <h#>主題<h#> 來表示，#代表數字1-6，主要是區別標題大小的作用。越靠近 1 字體越大。
2、段落：一般用 <p>正文內容 </p> 來表示，一篇文章有多少對 <p></p> 就有多少個段落。 表示空格。
3、換行與注釋：一般用 <!---->來表示注釋 ，如： <!--這里是注釋--> 但是瀏覽器里面是看不到的，主要用於后期代碼維護，一定要養成寫注釋的好習慣。
一般用：<br>來表示換行<br> 表示強制換行，但並不在網頁中顯示。
4、粗體與斜體：一般用 <b>加粗</b> 來表示加粗字體（<strong></strong>也可以用來加粗）。 一般用 <i>字體為斜體</i> 來表示字體為斜體。（此為文本樣式，一般不用，都直接用css來添加樣式）
5、刪除線：一般用 <u>下划線</u> <s> 刪除線 </s> （此為文本樣式，一般不用，都直接用css來添加樣式）
6、上下標： <sup> 上標線 </sup> <sub> 下標線 </sub>（此為文本樣式，一般不用，都直接用css來添加樣式）
(二)HTML語義化？
含義：什么樣的結構，采用什么樣的標簽。
好處：
1. 在沒有CSS的情況下，頁面也能呈現出很好的內容結構。
2. 有利於SEO，讓搜索引擎爬蟲更好的理解網頁。
3. 方便其他設備解析（如屏幕閱讀器、盲人閱讀器等）。
4. 便於團隊開發與維護。
屏幕閱讀器 : https://h5o.github.io/
(三)：字體標記
1、字體大小：<font>字體設置</font>
→ <font size = "1">表示字體為1的大小</font>
size是用來表示字體大小的參數。
=是用來賦予字體大小的參數形式（也可以用 — 或 + 代替）。
2、字體顏色：<font>字體設置</font>
→ <font color = "#">表示字體為#的顏色</font>
color是用來表示字體顏色的參數。
=是用來賦予字體大小的參數形式。#可以代表RGB顏色值，也可以是顏色單詞來表示。
3、物理字體：在標記對里放入文字就可以表現出標記里的效果，在應用中發現，物理字體並不被<font>標記包含着。物理字體可以單獨用來表現文字。
<b>文字</b>
<i>文字</i>
<u>文字</u>
<sup>文字</sup>
<sub>文字</sub>
<s>文字</s>
4、邏輯字體：與物理字體一樣，是修飾字體樣式的。但是用途更廣。
<strong>字體加重</strong>
<code>顯示編程代碼</code>
<samp>顯示示例文字</samp>
<kbd>顯示鍵盤按鍵文字 </kbd>
5、單標簽：
<br>讓文本換行 <hr>創建一個水平線
6、圖片標簽：img標簽（單標簽）
<img src="圖片及地址" alt=”圖片顯示不出來時的名字“ title=”圖片名字“>
src地址分為絕對路徑、相對路徑兩種。
絕對路徑：src=”http://www.*****.com/***“ 無論html文件在哪里，圖片地址是不變的，就叫絕對路徑。
相對路徑：src=”./img/***.jpg“ 相對於html文件來說的，當html文件發生變化時，圖片地址也需要發生變化，這就叫做相對路徑
7、特殊字符：
由於部分字符不能直接打出，或與html本身沖突，需要用特殊代碼代替。
例如： 代表空格 等等。