HTML 介紹

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

1. 什么是 HTML

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

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

2. HTML 的由來(lái)

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

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

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

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

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

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

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

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

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

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

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

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

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

5. HTML 的特點(diǎn)

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

6. HTML 的應(yīng)用

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

7. 課程設(shè)計(jì)

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

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

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

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

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