HTML是超文本標(biāo)記語言(Hyper Text Markup Language)，它是一種專門用于創(chuàng)建web超文本文檔的編程語言，它能告訴web瀏覽器程序如何顯示web文檔（即網(wǎng)頁）的信息焰薄，如何鏈接各種信息。使用HTML語言可以在其生成的文檔中含有其他文檔或者含有圖像凫海，聲音甘改，視頻等旅东，從而形成超文本。
HTML超文本標(biāo)記語言的結(jié)構(gòu)包括“頭”部分（英語：Head）十艾、和“主體”部分（英語：Body）抵代，其中“頭”部提供關(guān)于網(wǎng)頁的信息，“主體”部分提供網(wǎng)頁的具體內(nèi)容忘嫉。
HTML文檔的結(jié)構(gòu)
- 1）基本結(jié)構(gòu)
<html>
<head>
<title>網(wǎng)頁標(biāo)題</title>
</head>
<body>
網(wǎng)頁內(nèi)容
</body>
</html>
- 2）常規(guī)結(jié)構(gòu)
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8">
<title>網(wǎng)頁標(biāo)題</title>
<meta name="keywords" content="關(guān)鍵字" />
<meta name="description" content="此網(wǎng)頁描述" />
</head>
<body>
網(wǎng)頁正文內(nèi)容
</body>
</html>
3）結(jié)構(gòu)簡(jiǎn)介
1荤牍、DOCTYPE聲明
<!DOCTYPE>聲明必須是HTML文檔的第一行，位于<html>標(biāo)簽之前庆冕。
<!DOCTYPE>聲明不是HTML標(biāo)簽康吵；它是指示 web 瀏覽器關(guān)于頁面使用哪個(gè) HTML 版本進(jìn)行編寫的指令。
- 2访递、html的lang 屬性規(guī)定元素內(nèi)容的語言
lang屬性：HTML語言聲明屬性晦嵌，用來定義當(dāng)前文檔顯示的語言。
如：lang="en"表示定義語言為英文力九；lang="zh-CN"表示定義語言為中文耍铜。其實(shí)對(duì)于文檔顯示來說怎樣寫都無所謂，定義成en的文檔也可以顯示中文跌前，定義成zh-CN的文檔也可以顯示英文棕兼。但還是應(yīng)該遵循標(biāo)準(zhǔn)，畢竟這個(gè)屬性對(duì)瀏覽器和搜索引擎還是有作用的抵乓。
點(diǎn)擊了解更多html的lang 屬性
（參考bootstrap的相關(guān)官方網(wǎng)站）
- 3伴挚、head
<head></head>頁頭中的內(nèi)容在瀏覽器中是無法顯示的，這里是給服務(wù)器灾炭、瀏覽器茎芋、鏈接外部js、鏈接css樣式等提供區(qū)域蜈出。
* 1.<head></head>里面<title></title>中放置的是網(wǎng)頁標(biāo)題,可以顯示出來
* 2.<head></head>里面<meta name="keywords" content="關(guān)鍵字" /><meta name="description" content="本頁描述或關(guān)鍵字描述" />這兩個(gè)標(biāo)簽里的內(nèi)容是給搜索引擎看的,說明本頁關(guān)鍵字及本張網(wǎng)頁的主要內(nèi)容等SEO可以用到田弥。
了解更多meta詳情1
了解更多meta詳情2
- 4、body
正文
<body></body>也就是常說的body區(qū) 铡原，這里放置的內(nèi)容就可以通過瀏覽器呈現(xiàn)給用戶偷厦。這里也是最主要區(qū)域，網(wǎng)頁的內(nèi)容呈現(xiàn)區(qū)燕刻。
HTML的基本標(biāo)簽
-
1）標(biāo)簽分類
-
分類方式1（根據(jù)標(biāo)簽的閉合方式分類）
a只泼、單(空)標(biāo)簽（不可以嵌套）
> 例如：<hr/><br/><meta/><img/><input/>等等b、雙標(biāo)簽（可以嵌套）
> 例如：<div></div><table></table><span></span><ul></ul><dl></dl><ol></ol>等等 -
分類方式2（根據(jù)標(biāo)簽的類型分類）
a卵洗、行內(nèi)元素（內(nèi)聯(lián)元素）特點(diǎn)：
* 和其他元素都在一行上请唱；
* 高及外邊高，行距和內(nèi)邊距部分可改變；
* 寬度只與內(nèi)容有關(guān)十绑；
* 行內(nèi)元素只能容納文本或者其他行內(nèi)元素聚至。
例如：<a></a><span></span><strong></strong><b></b><em></em><i></i><label></label>等等
內(nèi)聯(lián)元素可以設(shè)置外邊界(margin)，但是外邊界不對(duì)上下起作用本橙，只能對(duì)左右起作用b晚岭、行內(nèi)塊元素
特點(diǎn)：
* 內(nèi)部表現(xiàn)為塊級(jí)元素,可設(shè)置寬高，支持盒模型勋功。
* 外部表現(xiàn)為行內(nèi)元素 不獨(dú)占一行，從左到右排列库说。
例如：<input/><button></button><select></select><img/><textarea></textarea>等等狂鞋，常見的表單元素大多數(shù)是行內(nèi)塊元素。c潜的、塊級(jí)元素
特點(diǎn)：
* 總是在新行上開始骚揍，占據(jù)一整行；
* 高度啰挪，行高以及外邊距和內(nèi)邊距都可控制信不；
* 寬始終是與瀏覽器寬度一樣，與內(nèi)容無關(guān)亡呵；
* 它可以容納內(nèi)聯(lián)元素和其他塊元素抽活。
例如：<div></div><h1></h1><p></p>等等
p標(biāo)簽雖然是一個(gè)塊標(biāo)簽 但是不可以存放別的塊標(biāo)簽d、元素類型的轉(zhuǎn)換方式：
display:inline/inline-block/block
-
2）基本標(biāo)簽
常規(guī)標(biāo)簽用法請(qǐng)參考w3school或者菜鳥教程
