HTML 介紹

各位慕課網的小伙伴們，大家好，從今天開始，我們一起來學習 HTML。如果我們要編寫網頁，那么我們肯定離不開 HTML教程。HTML 組成了每個網頁的基本結構，不管是我們的企業門戶網站，還是例如淘寶，京東這種復雜的電商網站，要完成網頁的搭建，第一步都是 HTML ，那么 HTML 到底是什么呢？讓我們一起探索吧。

1. 什么是 HTML

HTML 稱為超文本標記語言，是一種標識性的語言。它包括一系列標簽。通過這些標簽可以將網絡上的文檔格式統一，使分散的 Internet 資源連接為一個邏輯整體。

超文本是一種組織信息的方式，它通過超級鏈接方法將文本中的文字、圖表與其他信息媒體相關聯。這些相互關聯的信息媒體可能在同一文本中，也可能是其他文件，或是地理位置相距遙遠的某臺計算機上的文件。這種組織信息方式將分布在不同位置的信息資源用隨機方式進行連接，為人們查找，檢索信息提供方便。

2. HTML 的由來

HTML 的英文全稱是 Hyper Text Marked Language，即超文本標記語言。

HTML 是由 Web 的發明者 Tim Berners-Lee 和同事 Daniel W. Connolly 于 1990 年創立的一種標記語言，它是標準通用化標記語言 SGML 的應用。

用 HTML 編寫的超文本文檔稱為 HTML 文檔，它能獨立于各種操作系統平臺（如 UNIX， Windows 等）。使用 HTML 語言，將所需要表達的信息按某種規則寫成 HTML 文件，通過專用的瀏覽器來識別，并將這些 HTML 文件“翻譯”成可以識別的信息，即現在所見到的網頁。

3. 與普通文本的區別

普通文本文件，例如后綴名為 .txt 的文件，只能插入文字，段落等，而 HTML 文件，后綴名為 .html 的文件，既可以插入文字，段落，也可以插入表格，圖片，鏈接，音頻，視頻等眾多資源。

HTML 文件中，我們可以通過 HTML 標簽，來實現不同的結構排列。而大部分 HTML 標簽都有特定的樣式和意義，所以，我們可以用這些標簽自由組合，來完成網頁的基本結構。

4. HTML 的標準

超級文本標記語言是標準通用標記語言下的一個應用，也是一種規范，一種標準，它通過標記符號來標記要顯示的網頁中的各個部分。

網頁文件本身是一種文本文件，通過在文本文件中添加標記符，可以告訴瀏覽器如何顯示其中的內容（如：文字如何處理，畫面如何安排，圖片如何顯示等）。

瀏覽器按順序閱讀網頁文件，然后根據標記符解釋和顯示其標記的內容，對書寫出錯的標記將不指出其錯誤，且不停止其解釋執行過程，編制者只能通過顯示效果來分析出錯原因和出錯部位。

提示：但需要注意的是，對于不同的瀏覽器，對同一標記符可能會有不完全相同的解釋，因而可能會有不同的顯示效果。

HTML 現在最新標準為第五代標準，又簡稱為 HTML5 。HTML 在 Web 迅猛發展的過程中起著重要作用，有著重要的地位。但隨著網絡應用的深入，特別是電子商務的應用，HTML 過于簡單的缺陷很快凸現出來。HTML 不允許應用程序開發者為具體的應用環境定義自定義的標記。HTML 只能用于信息顯示。 HTML 可以設置文本和圖片顯示方式，但沒有語義結構，即 HTML 顯示數據是按照布局而非語義的。

隨著網絡應用的發展，各行業對信息有著不同的需求，這些不同類型的信息未必都是以網頁的形式顯示出來。例如，當通過搜索引擎進行數據搜索時，按照語義而非按照布局來顯示數據會具有更多的優點。

5. HTML 的特點

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

6. HTML 的應用

如果我們需要編寫網頁，那么 HTML 為我們提供的標簽，就成為了網頁的結構。總結起來就是，HTML 為網頁提供了基本結構。所以我們要編寫網頁，HTML 就成為了我們的第一課。

7. 課程設計

由于咱們這門課程是面向基礎人群，從零開始進入到 HTML 的學習中。所以我們在課程設計上：

1. 首先我們會介紹一下 HTML，去了解HTML的一些基本概念、結構格式以及基本語法等內容；
2. 其次我們將會從結構上認識各個關鍵的標簽，對他們進行講解；
3. 最后我們將對 HTML 中主要標簽的介紹和使用做一一講解；

為了保證大家能夠盡快的了解各個標簽，我們將在每一個小節中的 “真實案例分享”環節把該標簽的 真實場景 列舉出來，方便大家參照。

8. 學習基礎

本課程適用于對于前端沒有基礎，想要了解學習前端 HTML 知識內容的同學們。