html是什么？
html --> hyperText markup language!? 它是這個英文的縮寫菩收，翻譯過來就是超文本標(biāo)記語言。這個東西當(dāng)然是可會可不會的，它的具體前端編程的代碼并不相關(guān)颠区，但是我希望大家可以多了解一些。
比如有一天通铲，去一個公司面試毕莱，HR不懂技術(shù)，他問html是什么，你給我解釋解釋唄朋截，你就得解釋啊蛹稍，解釋html是什么。再比如一個不懂技術(shù)的外行問你部服，他肯定什么也不懂唆姐，你也得解釋啊～所以，會總比不會要好廓八。
簡單介紹一下html奉芦，html由一對一對的標(biāo)簽組成，每一對標(biāo)簽都有自己特殊的功能和用處剧蹂。
演示：
移除
html標(biāo)簽
?這就是一對標(biāo)簽声功，前面的叫頭標(biāo)簽，后面的叫尾標(biāo)簽宠叼，頭標(biāo)簽由兩個尖括號和一個標(biāo)簽名稱組成先巴，尾標(biāo)簽由兩個尖括號和一個標(biāo)簽名，以及標(biāo)簽名前的反斜杠（標(biāo)簽結(jié)束符）組成冒冬。這兩個共同組成一對標(biāo)簽伸蚯。每一個標(biāo)簽都有一個特殊的用法和特殊的含義。
標(biāo)簽代表一定的功能窄驹，它還要包裹一定的東西朝卒。
這個html標(biāo)簽，我們叫根標(biāo)簽乐埠。這個標(biāo)簽是整個html文檔的根抗斤。再寫代碼只能寫在html標(biāo)簽里。
移除
head 和 body 標(biāo)簽
?head就像是頭腦丈咐，body就像是身體瑞眼。
body區(qū)是給用戶看的，head區(qū)是給瀏覽器看的
移除
演示
?比如棵逊，我們在body區(qū)寫上一些東西伤疙，I just wanna run!!!
我們再看瀏覽器中
移除
演示
?
我們怎么在瀏覽器中看到自己寫的代碼，很簡單：我們可以直接雙擊保存的html文件辆影，或者直接拖動保存的html文件到瀏覽器中徒像。
移除
演示在瀏覽器中打開html文件
?再或著，直接在編輯器中右鍵選擇Open in Browser蛙讥。
這個時候我們在編輯器代碼里寫一些漢字：
移除
演示锯蛀，在代碼中寫漢字
?再看代碼在瀏覽器中解釋：
移除
點擊此處添加圖片說明文字
?
發(fā)現(xiàn)現(xiàn)在不太對勁了。后面的中文沒有顯示出中文次慢。瀏覽器認(rèn)不出來中文旁涤。那為什么瀏覽器可以認(rèn)出英文呢翔曲？廢話～人家美國人開發(fā)的，能不認(rèn)識英文嗎劈愚？
這個時候瞳遍，我們可以意識到代碼中缺少了一種可以讓瀏覽器認(rèn)出中文的東西。
下面我們來添加一下：
移除
添加文字編碼的代碼
?我們注意到不是成對出現(xiàn)的
移除
點擊此處添加圖片說明文字
移除
點擊此處添加圖片說明文字
?
這個時候菌羽，我們發(fā)現(xiàn)瀏覽器中可以顯示中文了掠械，那么這個標(biāo)簽是什么意思呢。每個標(biāo)簽有自己的屬性以及屬性值算凿。屬性可以直接寫份蝴，屬性值必須加雙引號。
那么什么意思呢氓轰？它是告訴瀏覽器，我們的編碼格式是utf-8的形式浸卦。什么叫編碼格式呢署鸡？就是瀏覽器存的字典，讓瀏覽器認(rèn)識不同的字限嫌。
移除
點擊此處添加圖片說明文字
?我們再看一個新的標(biāo)簽靴庆，還是在部分的，先看一下效果怒医。
移除
點擊此處添加圖片說明文字
?
?網(wǎng)頁上出現(xiàn)了剛才的名字炉抒，我們之前的顯示都是lesson1。所以這個標(biāo)簽的作用就是改變網(wǎng)頁的名字稚叹。
這個時候焰薄，可能有人發(fā)現(xiàn)，我沒有解釋上面的lang="en"扒袖，這段代碼塞茅，英文好的人，可能會翻譯成
language="english".這個絕對不是這個意思季率。這個涉及seo野瘦。我在后期會做一個專題詳細解釋。
下面我們看一些基礎(chǔ)標(biāo)簽：
移除
代碼
?
移除
代碼在瀏覽器中顯示
?
我們來挨個看一下：
標(biāo)簽飒泻，又叫段落標(biāo)簽?鞭光，在瀏覽器中我們可以看到，它是成段顯示的泞遗。自成一行惰许。
??????
h1到h6，我們稱為標(biāo)題標(biāo)簽刹孔，它可以顯示出不同大小的字體啡省。
標(biāo)簽可以起到加粗字體的效果
標(biāo)簽可以讓字體顯示出斜體的效果?
?標(biāo)簽可以讓字體既加粗又出現(xiàn)斜體效果娜睛。當(dāng)然，這種效果卦睹，我們也可以通過上面的? 畦戒，這兩個標(biāo)簽疊加，顯示出來结序。
總結(jié)：介紹html是什么障斋，一些簡單的html標(biāo)簽的功能及作用。
本教程持續(xù)更新徐鹤。八月可能出視頻教程垃环，歡迎持續(xù)關(guān)注。
微信公眾號：Technikzeit
新浪微博：Net上的小蜘蛛
簡書：Net上的小蜘蛛
全平臺更新返敬，歡迎關(guān)注
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
