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。我在后期會做一個專題詳細(xì)解釋。
下面我們看一些基礎(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)注
?
?
?
?
?
?
?
?
?
?
?
?
?
?
?
