什麼是 HTML？
HTML即超文本標記語言 (Hyper Text Markup Language)， 是用來描述網頁的一種語言。
超文本標記語言的結構包括"頭"部分（外語：Head）、和"主體"部分（外語：Body），其中"頭"部提供關於網頁的信息，"主體"部分提供網頁的具體內容。
標記語言是一套標記標籤 (markup tag)
HTML 使用標記標籤來描述網頁
如下代碼：
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
例子解釋:
<html> 與 </html> 之間的文本描述網頁
<body> 與</body> 之間的文本是可見的頁面內容
<h1> 與 </h1> 之間的文本被顯示爲標題
<p> 與 </p> 之間的文本被顯示爲段落
HTML 元素
HTML 文檔是由 HTML 元素定義的。
HTML 元素指的是從開始標籤（start tag）到結束標籤（end tag）的所有代碼。
註釋：開始標籤常被稱爲開放標籤（opening tag），結束標籤常稱爲閉合標籤（closing tag），大多數 HTML 元素可擁有屬性。
空的 HTML 元素：
沒有內容的 HTML 元素被稱爲空元素。在 XHTML、XML 以及未來版本的 HTML 中，所有元素都必須被關閉。
在開始標籤中添加斜槓，比如:
就是沒有關閉標籤的空元素, 而
是關閉空元素的正確方法，HTML、XHTML 和 XML 都接受這種方式。
即使
在所有瀏覽器中都是有效的，但使用
其實是更長遠的保障。
HTML 提示：使用小寫標籤
HTML 標籤對大小寫不敏感：<P> 等同於<p>。許多網站都使用大寫的 HTML 標籤。
W3School 使用的是小寫標籤，因爲萬維網聯盟（W3C）在 HTML 4 中推薦使用小寫，而在未來 (X)HTML 版本中強制使用小寫。
HTML 屬性
HTML 標籤可以擁有屬性。屬性提供了有關 HTML 元素的更多的信息。
屬性總是以名稱/值對的形式出現，比如：name=“value”。
屬性總是在 HTML 元素的開始標籤中規定。
屬性實例:
HTML 鏈接由 標籤定義。鏈接的地址在 href 屬性中指定：
<a href="http://www.w3school.com.cn">This is a link</a>
註釋：屬性值應該始終被包括在引號內。雙引號是最常用的，不過使用單引號也沒有問題。在某些個別的情況下，比如屬性值本身就含有雙引號，那麼您必須使用單引號，例如：name=‘Bill “HelloWorld” Gates’。
HTML 提示：使用小寫屬性
屬性和屬性值對大小寫不敏感。
不過，萬維網聯盟在其 HTML 4 推薦標準中推薦小寫的屬性/屬性值。
而新版本的 (X)HTML 要求使用小寫屬性。
一些常見HTML屬性:
HTML 編輯器
使用 Notepad 或 TextEdit 來編寫 HTML
可以使用專業的 HTML 編輯器來編輯 HTML：
Adobe Dreamweaver
Microsoft Expression Web
CoffeeCup HTML Editor
HTML 標題
標題（Heading）是通過 <h1> - <h6> 等標籤進行定義的。
<h1>This is a heading</h1><h1>定義最大的標題。
<h6>This is a heading</h6><h6> 定義最小的標題。
註釋：瀏覽器會自動地在標題的前後添加空行。
註釋：默認情況下，HTML 會自動地在塊級元素前後添加一個額外的空行，比如段落、標題元素前後。
練習題
1.以下關於標題的說法哪種是錯誤的？
A默認情況下，HTML 會自動地在塊級元素前後添加一個額外的空行
B使用標題僅僅是爲了產生粗體或大號的文本
C搜索引擎使用標題爲您的網頁的結構和內容編制索引
2.下面幾個標題哪個權重最高，最主要？
A<h1>This is a heading</h1>
B<h2>This is a heading</h2>
C<h3>This is a heading</h3>
3.默認情況下，HTML 會自動地在塊級元素前後添加一個額外的空行,這個說法對嗎？
A對
B錯
4.以下關於段落的做法哪種是正確的？
A<p>This is a paragraph
B使用空的段落標記 <p></p> 去插入一個空行
C<p>This is a paragraph
以上就是我的分享，希望對你有所幫助，另外我自己也從事前端開發多年，
自己對於前端也做了一些學習的總結，也錄製了基礎的精講視頻和學習方法，
如果你這邊需要的話，可以點此鏈接：前端精講學習視頻和學習路線 分享