HTML 介紹

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

1. 什么是 HTML

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

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

2. HTML 的由來

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

HTML 是由 Web 的發(fā)明者 Tim Berners-Lee 和同事 Daniel W. Connolly 于 1990 年創(chuàng)立的一種標(biāo)記語言，它是標(biāo)準(zhǔn)通用化標(biāo)記語言 SGML 的應(yīng)用。

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

3. 與普通文本的區(qū)別

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

HTML 文件中，我們可以通過 HTML 標(biāo)簽，來實現(xiàn)不同的結(jié)構(gòu)排列。而大部分 HTML 標(biāo)簽都有特定的樣式和意義，所以，我們可以用這些標(biāo)簽自由組合，來完成網(wǎng)頁的基本結(jié)構(gòu)。

4. HTML 的標(biāo)準(zhǔn)

超級文本標(biāo)記語言是標(biāo)準(zhǔn)通用標(biāo)記語言下的一個應(yīng)用，也是一種規(guī)范，一種標(biāo)準(zhǔn)，它通過標(biāo)記符號來標(biāo)記要顯示的網(wǎng)頁中的各個部分。

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

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

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

HTML 現(xiàn)在最新標(biāo)準(zhǔn)為第五代標(biāo)準(zhǔn)，又簡稱為 HTML5 。HTML 在 Web 迅猛發(fā)展的過程中起著重要作用，有著重要的地位。但隨著網(wǎng)絡(luò)應(yīng)用的深入，特別是電子商務(wù)的應(yīng)用，HTML 過于簡單的缺陷很快凸現(xiàn)出來。HTML 不允許應(yīng)用程序開發(fā)者為具體的應(yīng)用環(huán)境定義自定義的標(biāo)記。HTML 只能用于信息顯示。 HTML 可以設(shè)置文本和圖片顯示方式，但沒有語義結(jié)構(gòu)，即 HTML 顯示數(shù)據(jù)是按照布局而非語義的。

隨著網(wǎng)絡(luò)應(yīng)用的發(fā)展，各行業(yè)對信息有著不同的需求，這些不同類型的信息未必都是以網(wǎng)頁的形式顯示出來。例如，當(dāng)通過搜索引擎進(jìn)行數(shù)據(jù)搜索時，按照語義而非按照布局來顯示數(shù)據(jù)會具有更多的優(yōu)點。

5. HTML 的特點

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

6. HTML 的應(yīng)用

如果我們需要編寫網(wǎng)頁，那么 HTML 為我們提供的標(biāo)簽，就成為了網(wǎng)頁的結(jié)構(gòu)。總結(jié)起來就是，HTML 為網(wǎng)頁提供了基本結(jié)構(gòu)。所以我們要編寫網(wǎng)頁，HTML 就成為了我們的第一課。

7. 課程設(shè)計

由于咱們這門課程是面向基礎(chǔ)人群，從零開始進(jìn)入到 HTML 的學(xué)習(xí)中。所以我們在課程設(shè)計上：

1. 首先我們會介紹一下 HTML，去了解HTML的一些基本概念、結(jié)構(gòu)格式以及基本語法等內(nèi)容；
2. 其次我們將會從結(jié)構(gòu)上認(rèn)識各個關(guān)鍵的標(biāo)簽，對他們進(jìn)行講解；
3. 最后我們將對 HTML 中主要標(biāo)簽的介紹和使用做一一講解；

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

8. 學(xué)習(xí)基礎(chǔ)

本課程適用于對于前端沒有基礎(chǔ)，想要了解學(xué)習(xí)前端 HTML 知識內(nèi)容的同學(xué)們。