HTML的簡介和歷史發展過程

HTML的簡介和歷史發展過程

前言

這次寫一篇對於HTML以及CSS的簡介,平常我們大家都知道的編程語言有很多種,比如Java、C++、Python等等,每種編程語言都有其獨具的特色,不論是語法格式還是表達形式,都能讓每個程序員沉澱在知識的海洋裏難以自拔。即每種編程語言都有無限的延展性。但如果我們考慮問題的時候能夠追溯其根源,其實也不難發現每種編程語言都具有共同的初心,最直白的話就是人與計算機進行溝通的語言,在現實生活中,見什麼人說什麼話我們都很清楚,那在與計算機溝通的世界中,做什麼事用什麼編程語言溝通也是同樣的道理,前提就是我們要了解這些編程語言,在你需要選擇的時候做出正確的判斷,這也正是我寫此篇文章的意義。在學習一門編程語言之前,瞭解它的特性,帶着對特性的好奇和疑問去學習是最快最好的學習方法,就像你知道有個地方有很多寶藏,有藏寶圖和沒藏寶圖意義是不一樣的,帶着藏寶圖去尋找寶藏,你一定會大有收穫的。

HTML的簡介

HTML的英文全稱是 Hyper Text Marked Language,中文意思爲超文本標記語言

首先我們爲了更好的去理解一下什麼是超文本標記語言,然後我們對超文本標記這五個字進行一一的拆分,然後去更好的理解它的意思。在理解超文本的時候,我們先來理解一下文本在我們的日常生活中代指的是什麼東西?

 

 

文本包含了比如說你新建的一個word文檔,一個txt文件,甚至一個html文件。這三個文件有相同的地方, 也有不同的地方。相同的地方在於不論是word文檔,還是txt文件或者是html文件,我們都能編寫文本的內容。那麼word文檔的不同在於我們可以在word文檔中設置一些超鏈接,甚至放一些圖片等等,然後在txt文件,就有一定的侷限性了,比如你放一張圖片或者設置超鏈接等這些行爲都是不可以的,那麼在html文件中,它跟word文檔有點類似,在html文件中,我們既可以存放文本,又可以存放圖片、音頻、視頻等等,都可以去存放,甚至說你在網頁中見到的一些很炫酷的小遊戲,都可以在我們的Html文件中去編寫。

那接下來,我就對超文本好好解釋一下。我們知道在html文件中,我們是在裏面編寫整個代碼的,那麼其實編寫的就是超文本。所謂超文本,大家應該能聯想到,即超出文本,那超文本比我們的文本更高一級,它裏面包含了我們常見的音頻視頻以及超鏈接等。

 

 

 

 

 

 

這都是在我們的網頁中稱爲超文本,那麼在html文件裏面,我們既能存放這些內容,也能存放文本內容,甚至說,比如你寫一篇文章,文章裏面總會有那種一級標題、二級標題,還有一些列表、選項等等,我們都可以通過HTML代碼去編寫,這些內容我們就稱爲超文本

那麼這些內容到底用哪些來去展現或展示呢?很簡單,接下來再跟我去理解一個詞叫標記

什麼是標記呢

 

我可以用百度的官網去分析一下標記。在百度官網上,我們能發現,在頁面上存放着很多的內容,有超鏈接、圖片、輸入框等等,我們先不管別的內容,就單單看右上角的新聞字樣,是一個超鏈接,就是你點擊一下會跳轉到另外一個頁面,我們通過網頁的源碼去分析一下。打開網頁源碼很簡單,你可以將鼠標懸浮到新聞字樣上,然後右擊有個檢查

 

 

 

點擊檢查後,就能看到網頁的源碼了,或者你也可以直接在網頁界面上按快捷鍵F12,這樣也能查看源碼,打開後的樣子是這樣的:

 

 

你會發現網頁被分成了兩欄,左欄一個,右欄一個,右欄就是源碼,內容有很多,大家先不用管,後面你會學到,很簡單,我先以新聞字樣爲例給你分析標記到底是什麼。接下來,我們把藍色的新聞部分,也就是我用紅框標記的部分複製一下,按Ctrl+c,然後到我們的文本上粘貼,

 

 

複製進來後,爲了方便我講解,大家先把中間一些我在這講解時沒必要的代碼刪掉。

 

 

刪掉之後,我們大家就會發現,新聞被左邊和右邊的a包裹起來了,其實它就構成了我們的超鏈接,看到這個東西,大家能否聯想道我們生活中常見的一個東西。比如說,我們經常看書,我看過一本書叫紅樓夢,單是輸出紅樓夢字樣,就是一個文本,但如果用《》書名號包裹起來,《紅樓夢》,大家都能知道這是一本書。

 

 

大家可以把包裹在新聞兩邊的a對應包裹在紅樓夢兩邊的書名號去看,是不是感覺有點類似啊,其實我們用書名號這個標記把紅樓夢給包裹起來,就叫做書名,同理,我們用帶尖括號的a這個標記把新聞這個文本內容給包裹起來,我們在網頁中稱爲超鏈接,這對帶尖括號的a就叫做標記

那再重新整理一下什麼是標記?簡單來說,標記就是用HTML自己的語法規則把我們的文本內容給包裹起來的這個東西就叫做標記。這種標記的書寫也非常簡單,包裹在文本左邊的叫開始標記,包裹在文本右邊的叫結束標記。到這,我想大家也明白了,在後續的學習過程中,我們看到的網頁中顯示的一級標題、二級標題、超鏈接、圖片、音頻等內容其實就是學習它們所對應的標記就可以了。

HTML的歷史發展過程

首先我們來看一下HTML從最原始到現在至今整個HTML語言的歷史發展過程。

  • HTML 1.0:在1993年6月作爲互聯網工程工作小組(IETF)工作草案發布,由此超文本標記語言第一版誕生。
  • HTML 2.0:1995年1 1月作爲RFC 1866發佈,於2000年6月發佈之後被宣佈已經過時。
  • HTML 3.2:1997年1月14日,W3C推薦標準。
  • HTML 4.0:1997年12月18日,W3C推薦標準。
  • HTML 4.01(微小改進):1999年12月24日,W3C推薦標準。
  • HTML 5:HTML5是公認的下一代Web語言,極大地提升了Web在富媒體、富內容和富應用等方面的能力,被喻爲終將改變移動互聯網的重要推手。 2014年10月28日,W3C推薦標準。

HTML5的誕生,標記着互聯玩時代的發展,比如所HTML5裏面誕生的音頻、視頻、圖像、動畫等都做了新的標準,它對於瀏覽器的兼容也是得到了一定的處理,由此可見,HTML的整個歷史發展目前爲止我們所使用的版本主要是99年誕生的HTML 4.01以及2014年誕生的HTML5

HTML的特點

超級文本標記語言(HTML)文檔的製作其實不是很複雜,但其功能非常強大,且支持不同數據格式的文件鑲入,其主要特點如下:

  • 簡易性:超級文本標記語言版本升級採用超集方式,從而更加靈活方便。
  • 可擴展性:超級文本標記語言的廣泛應用帶來了加強功能,增加標識符等要求,超級文本標記語言採取子類元素的方式,爲系統擴展帶來保證。
  • 平臺無關性:雖然個人計算機有各式各樣,但使用MAC等其他機器的大有人在,超級文本標記語言可以使用在廣泛的平臺上,這也是萬維網(WWW)盛行的另一個原因。
  • 通用性:HTML是網絡的通用語言,一種簡單、通用的全置標記語言。它允許網頁製作人建立文本與圖片相結合的複雜頁面,這些頁面可以被網上任何其他人瀏覽到,無論使用的是什麼類型的電腦或瀏覽器。

總結

到這,這篇文章就講完了,我想當您看到這的時候,至少應該明白超文本標記語言的含義了吧,再往後學,就會越來越簡單了,這也是一個學習方法。其實編程語言就是個工具,就跟修車一樣,首先你要知道修這輛車要用什麼扳子或鉗子,這個過程就是你瞭解的過程,等你在修的時候知道什麼時候該用什麼工具,那你已經入門了,下一步就是學習了,如果不會用工具,就看相對應的說明書去學習,對應到編程語言中,不也是如此嘛,你只要瞭解什麼各種編程語言的特性,知道什麼時候該用什麼編程語言,真正要用的時候,就去對症下藥,學習你真正需要用的編程語言即可,這樣也會給你節省許多學習時間,不會因爲編程語言雜亂而憂愁了。

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章