HTML是超文本標記語言(Hyper Text Markup Language)，它是一種專門用于創建web超文本文檔的編程語言，它能告訴web瀏覽器程序如何顯示web文檔（即網頁）的信息，如何鏈接各種信息。使用HTML語言可以在其生成的文檔中含有其他文檔或者含有圖像，聲音，視頻等，從而形成超文本。
HTML超文本標記語言的結構包括“頭”部分（英語：Head）、和“主體”部分（英語：Body），其中“頭”部提供關于網頁的信息，“主體”部分提供網頁的具體內容。
HTML文檔的結構
- 1）基本結構
<html>
<head>
<title>網頁標題</title>
</head>
<body>
網頁內容
</body>
</html>
- 2）常規結構
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>網頁標題</title>
<meta name="keywords" content="關鍵字" />
<meta name="description" content="此網頁描述" />
</head>
<body>
網頁正文內容
</body>
</html>
3）結構簡介
1、DOCTYPE聲明
<!DOCTYPE>聲明必須是HTML文檔的第一行，位于<html>標簽之前。
<!DOCTYPE>聲明不是HTML標簽；它是指示 web 瀏覽器關于頁面使用哪個 HTML 版本進行編寫的指令。
- 2、html的lang 屬性規定元素內容的語言
lang屬性：HTML語言聲明屬性，用來定義當前文檔顯示的語言。
如：lang="en"表示定義語言為英文；lang="zh-CN"表示定義語言為中文。其實對于文檔顯示來說怎樣寫都無所謂，定義成en的文檔也可以顯示中文，定義成zh-CN的文檔也可以顯示英文。但還是應該遵循標準，畢竟這個屬性對瀏覽器和搜索引擎還是有作用的。
點擊了解更多html的lang 屬性
（參考bootstrap的相關官方網站）
- 3、head
<head></head>頁頭中的內容在瀏覽器中是無法顯示的，這里是給服務器、瀏覽器、鏈接外部js、鏈接css樣式等提供區域。
* 1.<head></head>里面<title></title>中放置的是網頁標題,可以顯示出來
* 2.<head></head>里面<meta name="keywords" content="關鍵字" /><meta name="description" content="本頁描述或關鍵字描述" />這兩個標簽里的內容是給搜索引擎看的,說明本頁關鍵字及本張網頁的主要內容等SEO可以用到。
了解更多meta詳情1
了解更多meta詳情2
- 4、body
正文
<body></body>也就是常說的body區 ，這里放置的內容就可以通過瀏覽器呈現給用戶。這里也是最主要區域，網頁的內容呈現區。
HTML的基本標簽
-
1）標簽分類
-
分類方式1（根據標簽的閉合方式分類）
a、單(空)標簽（不可以嵌套）
> 例如：<hr/><br/><meta/><img/><input/>等等b、雙標簽（可以嵌套）
> 例如：<div></div><table></table><span></span><ul></ul><dl></dl><ol></ol>等等 -
分類方式2（根據標簽的類型分類）
a、行內元素（內聯元素）特點：
* 和其他元素都在一行上；
* 高及外邊高，行距和內邊距部分可改變；
* 寬度只與內容有關；
* 行內元素只能容納文本或者其他行內元素。
例如：<a></a><span></span><strong></strong><b></b><em></em><i></i><label></label>等等
內聯元素可以設置外邊界(margin)，但是外邊界不對上下起作用，只能對左右起作用b、行內塊元素
特點：
* 內部表現為塊級元素,可設置寬高，支持盒模型。
* 外部表現為行內元素 不獨占一行，從左到右排列。
例如：<input/><button></button><select></select><img/><textarea></textarea>等等，常見的表單元素大多數是行內塊元素。c、塊級元素
特點：
* 總是在新行上開始，占據一整行；
* 高度，行高以及外邊距和內邊距都可控制；
* 寬始終是與瀏覽器寬度一樣，與內容無關；
* 它可以容納內聯元素和其他塊元素。
例如：<div></div><h1></h1><p></p>等等
p標簽雖然是一個塊標簽 但是不可以存放別的塊標簽d、元素類型的轉換方式：
display:inline/inline-block/block
-
2）基本標簽
常規標簽用法請參考w3school或者菜鳥教程
