一、語義化
明白每個標籤的用途，在不同情況下使用合理的標籤。比如網頁上文章的標題就可以用標題標籤，網頁上的各個欄目名稱也可以使用標題標籤，文章內容的段落就放在段落標籤中，文章中想要強調的文本，就可以使用<em>標籤表示強調等等。
語義化的好處：
- 更容易被搜索引擎收錄。
- 更容易讓屏幕閱讀器讀出網頁內容。
二、<body>標籤，網頁上顯示的內容放在這裏
在網頁上要展示出來的頁面內容一定要放在body標籤中。比如標題標籤<h1>Hello World</h1>。
三、開始學習<p>標籤，添加段落
語法如下：
<p>段落文本</p>把文章的段落放在p標籤中，注意一段文字一個p標籤，如果一篇文章有三段文字，就需要三個p標籤。
p標籤的默認樣式，段前段後都會有空白，可以用css樣式來刪除或改變它。
四、瞭解<hx>標籤，爲你的網頁文章添加標題
標題標籤一共有六個：<h1>,<h2>,<h3>,<h4>,<h5>,<h6>爲一級標題到六級標題。標題標籤樣式都會加粗，<h1>是最高的等級，字號最大，依次遞減。
語法：
<hx>標題文本</hx>文章的標題可以用標題標籤，各個欄目的標題也可以使用它們。
標題標籤在網頁中比較重要，一般被用在網站名稱上。例如：
<h1>騰訊網</h1>五、加入強調語氣，使用<strong>和<em>標籤
語法如下：
<em>需要強調的文本</em>
<strong>需要強調的文本</strong>em標籤強調的文本默認是斜體表示，strong標籤強調的文本默認用粗體表示。可以使用css樣式去改變它們。
六、使用<span>標籤爲文字設置單獨樣式
<em>和<strong>標籤是爲了強調一段話中的關鍵字時使用，它們的語義是強調。<span>標籤是沒有語義的，它的作用就是爲了設置單獨的樣式用的。
語法如下：
<span>文本</span>示例代碼：
<html>
<head>
<title>認識標籤一</title>
<style>
span{
color:blue;
}
</style>
</head>
<body>
<p>認識標籤一，認識標籤一，<span>認識標籤一</span>，認識標籤一。</p>
<p>認識標籤一，認識標籤一，認識標籤一，認識標籤一</p>
</body>
</html>七、<q>標籤，短文本引用
在文章裏引用某個作家的一句詩，就可以使用q標籤。
語法如下：
<q>引用文本</q>注意：引用的文本不用加雙引號，瀏覽器會對q標籤自動添加雙引號。
<q>標籤的真正關鍵點不是它的默認樣式雙引號（如果這樣我們不如自己在鍵盤上輸入雙引號就行了），而是它的語義：引用別人的話。使得瀏覽器能理解，可以更好的優化。
八、<blockquote>標籤，長文本引用
<blockquote>的作用也是引用別人的文本。但它是對長文本的引用，如在文章中引入大段某知名作家的文字，這時需要這個標籤。
語法如下：
<blockquote>引用文本</blockquote>瀏覽器對<blockquote>標籤的解析是縮進樣式，文本不能加雙引號。
九、使用<br>標籤分行顯示文本
在需要換行的地方加入<br />，br標籤相當於word中的回車。
語法如下：
xhtml1.0寫法：<br />
html4.01寫法：<br>與以前我們學過的標籤不一樣，<br />標籤是一個空標籤，沒有HTML內容的標籤就是空標籤，空標籤只需要寫一個開始標籤，這樣的標籤有<br />、<hr />和<img />。
在HTML中是忽略回車和空格的，輸入再多的回車和空格也不會在頁面中顯示出來。
十、爲你的網頁中添加一些空格
想要在HTML中輸入空格並在頁面顯示出來必須寫入 。
十一、認識<hr>標籤，添加水平橫線
在信息展示時，有時需要加入一些用於分隔的橫線，這樣會使文章看起來整齊些。
語法如下：
xhtml1.0版本“<hr />
html4.01版本：<hr><hr />標籤和<br />標籤一樣也是一個空標籤，所以只有一個開始標籤，沒有結束標籤。<hr />標籤的在瀏覽器中的默認樣式線條比較粗，顏色爲灰色，這些外在樣式可以用css樣式表對其修改。- hr 後面的 / 就是xhtml規定的結束標註，根本不是沒有結束標誌，因爲html中的hr是一個空標籤，在xhtml中要求空標籤必須結束，所有就在前面加一個/, 其實
<hr/>也是可以的，但是爲了應對所有瀏覽器的兼容性，最好在“/” 前面加上一個空格。
十二、<address>標籤，爲網頁加入地址信息
一般網頁中會有一些網站的聯繫地址信息需要在網頁中展示出來，這些聯繫地址信息如公司的地址就可以<address>標籤。也可以定義一個地址（比如電子郵件地址）、簽名或者文檔的作者身份。
語法如下：
<address>聯繫地址信息</address>在瀏覽器上顯示的樣式爲斜體，並且另起一行，可以使用 css 樣式來修改<address>標籤的默認樣式。
十三、使用<code>標籤加入一行代碼
語法如下：
<code>一行代碼</code>注意：在文章中一般如果要插入多行代碼時不能使用<code>標籤了。
作用是： 防止瀏覽器誤認爲是要執行代碼，而沒顯示代碼。加了標籤瀏覽器就不會執行了，而是像文本一樣顯示出來。
十四、使用<pre>標籤爲你的網頁加入大段代碼
語法如下：
<pre>語言代碼段</pre>pre標籤的主要作用：預格式化的文本。被包圍在pre中的文本通常會保留空格和換行符。
注意：<pre> 標籤不只是爲顯示計算機的源代碼時用的，在你需要在網頁中預顯示格式時都可以使用它，只是<pre>標籤的一個常見應用就是用來展示計算機的源代碼。
W3School原文：如果您希望使用 <pre> 標籤來定義計算機源代碼，比如 HTML 源代碼，請使用符號實體來表示特殊字符，比如 < 代表 “<”，>代表 “>”，&代表 “&”。