果凍公開課第一課：什麼是HTML
「
果凍公開課，開講啦
修真院傾情奉獻的動畫課堂：
每堂幾分鐘，用趣味生動又邏輯清晰 的方式，為你分享編程學習中的知識點及趣味小故事
本節課為大家帶來第一課：什麼是HTML
」
動畫視頻：
果凍公開課：什麼是HTML https://www.zhihu.com/video/1033373036795437056 
文字解析：
45年前，北京時間10月29日上午10點，計算機向世界發出了它的第一句話「LOL」，標誌著互聯網時代的誕生。
而今天的我們，在享受著互聯網便利的同時，是否產生過這樣的思考：
互聯網中我們最直接接觸的網頁，又是如何誕生的呢？
這個問題，可以追溯到更近的時間，25年前，HTML這門語言第一次誕生的時候。這是因為，網頁的基本構成可以簡單概括為由HTML、CSS和JS三部分構成。
當然，這三部分的出現時間也是有著先後關係的，從僅僅只有HTML，慢慢發展到有了CSS，最後到出現了JS。而我們今天也將簡單向大家介紹一下HTML、CSS和JS這三種網頁支柱語言。
HTML誕生於1993年，經過六年時間，從HTML1.0發展到了HTML4.0這個版本。之後，HTML經過了一個較為爭議的過程，出現了一個分支，XHTML和HTML5。
由於XHTML的不兼容性，造成眾多瀏覽器廠家和開發者的反對：W3C關閉了XHTML項目，合併了HTML5，歷經八年正式誕生了HTML 5這個版本——要知道哪吒也只是懷了3年而已。
HTML這門語言，主要是通過一個個被尖括弧<>包裹的標籤對內容進行標記，來告訴瀏覽器如何顯示其中的內容。
例如文字如何處理，畫面如何安排，圖片如何顯示等。其中作為結束的標籤在<>中有一個反斜杠/
HTML中的標籤按照類別主要分為12大類，共119種，其中有30個是HTML 5中新推出的標籤。
我們來看看我們最常用的標籤都有哪些吧~
①基礎類
<title></title> 定義文檔的標題
我們平時看到的瀏覽器上面這個網頁標題就是用這個標籤實現的。
大多數的純文字內容都是用<p>標籤包住的，作用就是很簡單的告訴瀏覽器這一大段都是文字
②格式類
<b>可以將文字加粗
<big>可以將文本變為大號文本
<i>可以將文字傾斜
③表單類
<input>是我們常用的輸入控制項，通常在網頁中我們可以進行輸入的地方都是用它進行標註的
<select>我們常見的下拉列表就是用它標註的，可以將所有選項摺疊收縮，很方便對吧
<button>就是我們可以點擊的各種按鈕，不管是登錄還是取消，都是這個標籤
④圖像類
<img>用來定義圖像，大多數我們看到的圖片都是用這個標籤定義的
⑤音頻視頻類
<audio>用來定義我們的音頻內容，如果在網頁上看到這個音頻播放的東西，準是這個標籤的功勞
<video>用來定義視頻，網頁中你想放視頻的話，可以用這個標籤
⑥鏈接類
<a href="http://www.jnshu.com.cn">IT修真院</a>
我們經常看到的這個藍色有下劃線的文字就是<a>的作用，點擊它我們可以去到新的頁面
⑦樣式類
<div></div>是用來標記一塊區域，用來告訴瀏覽器，這一塊是一個整體
<header></header>主要用來放頁面頭部的內容
<footer></footer>主要用來放頁面尾部的內容
⑧列表類
<ol>列表標籤，我們能看到的這種列表都是用它來實現
⑨表格類
<table>我們看到的這種表格就是用這個來實現的
大家發現了嗎？
HTML的標籤基本都是它標註內容的英文單詞或者是縮寫，十分的語義化
基本上這個標籤是幹嘛的，只要看這個標籤是什麼意思你就知道的八九不離十了，是不是很簡單~
本節課的內容就是這些啦，我們來複習一下：
1、網頁由HTML、CSS、JS三部分構成
2、歷經8年，從HTML1.0發展到現行的HTML5
3、HTML語言作為標記語言用標籤來告訴瀏覽器如何顯示內容
4、常用的九類標籤
是不是覺得HTML一下變得簡單明了起來了呢，下節課，我們將向大家分享CSS的相關內容，敬請期待~
這裡是果凍公開課，一個用趣味的動畫來分享IT知識的課堂我們將原本複雜、不易理解的編程知識，轉化為一個個有趣的動畫短視頻，為更多人提供生動有趣的IT內容/服務
無論是大咖還是小白，都可以快速學會並深度了解每一個知識點，讓IT，Q彈可口。
更多內容，歡迎加大師姐微信it_xzy，入群717415872了解課程動態、幕後花絮，還有機會參與到課程製作，成為聯合製作人
記得備註來自果凍課堂喲
推薦閱讀：
