編程教程

　　 編程問(wèn)答　 ACM與藍(lán)橋杯競(jìng)賽入門　 C語(yǔ)言教程　 C++教程　 數(shù)據(jù)結(jié)構(gòu)教程　 Python教程　 JAVA教程　 編譯器教程　 C語(yǔ)言函數(shù)庫(kù)　 更多教程

HTML是什么？

101216 閱讀 0 評(píng)論 0 點(diǎn)贊

一、HTML是什么？

HTML稱為超文本標(biāo)記語(yǔ)言，是一種標(biāo)識(shí)性的語(yǔ)言。它包括一系列標(biāo)簽．通過(guò)這些標(biāo)簽可以將網(wǎng)絡(luò)上的文檔格式統(tǒng)一，使分散的Internet資源連接為一個(gè)邏輯整體。HTML文本是由HTML命令組成的描述性文本，HTML命令可以說(shuō)明文字，圖形、動(dòng)畫、聲音、表格、鏈接等。

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

● 簡(jiǎn)單描述

HTML是 HyperText Mark-up Language 的?字?簡(jiǎn)寫，意思是超?本標(biāo)記語(yǔ)言；

HTML不是?種編程語(yǔ)?，?是?種標(biāo)記語(yǔ)言；

超?本指的是超鏈接，標(biāo)記指的是標(biāo)簽，是?種?來(lái)制作網(wǎng)頁(yè)的語(yǔ)?，這種語(yǔ)?由?個(gè)個(gè)的標(biāo)簽組成；

?這種語(yǔ)?制作的?件保存的是?個(gè)文本文件，文件的擴(kuò)展名為 .html 或者 .htm；

html?檔也叫 Web頁(yè)面，其實(shí)就是?個(gè)網(wǎng)頁(yè)，html?件?編輯器打開顯示的是?本，可以??本的?式編輯它

如果用瀏覽器打開，瀏覽器會(huì)按照標(biāo)簽描述內(nèi)容將?件渲染成網(wǎng)頁(yè) ，顯示的網(wǎng)頁(yè)可以從?個(gè)網(wǎng)頁(yè)鏈接跳轉(zhuǎn)到另外一個(gè)網(wǎng)頁(yè)

● 我們從HTML中文全稱來(lái)分析一下它的本質(zhì)：

（1）超文本

也即超越純文本，這意味著 HTML 文檔不僅能包含文本（文字），還能包含圖片、音視頻、表格、列表、鏈接、按鈕、輸入框等高級(jí)內(nèi)容。

超鏈接是互聯(lián)網(wǎng)的紐帶，它能將眾多網(wǎng)頁(yè)連接起來(lái)，讓它們交織在一起，形成一張“網(wǎng)”。沒(méi)有超鏈接，就沒(méi)有互聯(lián)網(wǎng)。

（2）標(biāo)記語(yǔ)言

HTML 是一種計(jì)算機(jī)語(yǔ)言，但它不能編程，只能用來(lái)標(biāo)記網(wǎng)頁(yè)中的內(nèi)容。HTML 通過(guò)不同的標(biāo)簽來(lái)標(biāo)記不同的內(nèi)容、格式、布局等，例如：

<img> 標(biāo)簽表示一張圖片；

<a> 標(biāo)簽表示一個(gè)鏈接；

<table> 標(biāo)簽表示一個(gè)表格；

<input> 標(biāo)簽表示一個(gè)輸入框；

<p> 標(biāo)簽表示一段文本；

<strong> 標(biāo)簽表示文本加粗效果；

<div> 標(biāo)簽表示塊級(jí)布局。

總結(jié)

HTML 是一種用來(lái)開發(fā)網(wǎng)頁(yè)的計(jì)算機(jī)語(yǔ)言，它通過(guò)標(biāo)簽（標(biāo)記式指令）將文本、音視頻、圖片、表格、按鈕、輸入框等內(nèi)容顯示出來(lái)。也就是說(shuō)，HTML 是用來(lái)給網(wǎng)頁(yè)內(nèi)容進(jìn)行排版和布局的。

二、HTML的版本發(fā)展歷史：

自HTML誕生以來(lái)，經(jīng)過(guò)不斷的發(fā)展，市面上出現(xiàn)了許多 HTML 版本，有關(guān)HTML版本的簡(jiǎn)要介紹如下所示：

HTML的版本發(fā)展歷史

三、HTML內(nèi)容

● HTML標(biāo)簽

如上所述，HTML 是一種標(biāo)記語(yǔ)言，使用各種標(biāo)簽來(lái)格式化內(nèi)容，標(biāo)簽的特點(diǎn)如下所示：

（1）HTML 標(biāo)簽由尖括號(hào)包圍的關(guān)鍵詞構(gòu)成，比如<html>；

（2）除了少數(shù)標(biāo)簽外，大多數(shù) HTML 標(biāo)簽都是成對(duì)出現(xiàn)的，比如 <b> 和 </b>；

（3）成對(duì)出現(xiàn)的標(biāo)簽中，第一個(gè)標(biāo)簽稱為開始標(biāo)簽，第二個(gè)標(biāo)簽稱為結(jié)束標(biāo)簽（閉合標(biāo)簽）。

HTML 中的不同標(biāo)簽具有不同的含義，學(xué)習(xí) HTML 其實(shí)就是學(xué)習(xí)各個(gè)標(biāo)簽的含義，根據(jù)實(shí)際場(chǎng)景的需要，選擇合適的標(biāo)簽，從而制作出精美的網(wǎng)頁(yè)。

● HTML文檔結(jié)構(gòu)

HTML 頁(yè)面的基本結(jié)構(gòu)如下所示，其中包含了各種創(chuàng)建網(wǎng)頁(yè)所需的標(biāo)簽（例如 doctype、html、head、title 和 body 等）。

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>HTML文檔結(jié)構(gòu)范例</title>
</head>
<body>
    <h1>這個(gè)位置是一個(gè)標(biāo)題</h1>
    <p>這個(gè)位置是一個(gè)段落</p>
    <p>這個(gè)位置是另一個(gè)段落</p>
    <a href="http://c.biancheng.net/" target="_blank">這個(gè)位置是一個(gè)鏈接，指向C語(yǔ)言網(wǎng)首頁(yè)</a>
    <ul>
        <li>HTML教程</li>
        <li>CSS教程</li>
    </ul>

    <input type="text" placeholder="文本內(nèi)容" />
</body>
</html>

語(yǔ)法說(shuō)明如下：

<!DOCTYPE html>：這是文檔類型聲明，用來(lái)將文檔聲明為 HTML 文檔（從技術(shù)上來(lái)說(shuō)它并不是標(biāo)簽），doctype 聲明不區(qū)分大小寫；

<html> </html>：該標(biāo)簽是 HTML 頁(yè)面的根標(biāo)簽，其他所有的標(biāo)簽都需要在 <html> 和 </html> 標(biāo)簽之間定義；

<head> </head>：該標(biāo)簽中用來(lái)定義 HTML 文檔的一些信息，例如標(biāo)題、編碼格式等等；

<title> </title>：該標(biāo)簽用來(lái)定義網(wǎng)頁(yè)的標(biāo)題，網(wǎng)頁(yè)標(biāo)題會(huì)顯示在瀏覽器的標(biāo)簽欄；

<body> </body>：該標(biāo)簽用來(lái)定義網(wǎng)頁(yè)中我們能通過(guò)瀏覽器看到的所有內(nèi)容，例如段落、標(biāo)題、圖片、鏈接等等；

<h1> </h1>：該標(biāo)簽用來(lái)定義標(biāo)題；

<p> </p>：該標(biāo)簽用來(lái)定義段落；

<a> </a>：該標(biāo)簽用來(lái)定義鏈接；

<ul> </ul>：該標(biāo)簽用來(lái)定義列表；

<li> </li>：該標(biāo)簽用來(lái)定義列表項(xiàng)；

<input type="text" />：用來(lái)定義一個(gè)輸入框。

由于 HTML 文檔屬于文本文件，所以我們可以使用任何文本編輯器來(lái)創(chuàng)建和修改 HTML 文件，對(duì)于初學(xué)者來(lái)說(shuō)最好使用系統(tǒng)自帶的文本編輯器，例如 Windows 記事本、Linux Vim 和 Mac OS TextEdit，當(dāng)有了一定的基礎(chǔ)之后再選用專業(yè)的文本編輯器，例如 Notepad++、Sublime Text、VS Code 等。

另外，您必須將 HTML 文檔保存為.html或者.htm格式才可以直接在瀏覽器中打開并瀏覽其中的內(nèi)容。例如上面的示例代碼，將其保存在一個(gè)名為 index.html 的文件中，雙擊即可在瀏覽器中看到運(yùn)行結(jié)果，如下圖所示：

HTML展示

● 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í)符等要求，超級(jí)文本標(biāo)記語(yǔ)言采取子類元素的方式，為系統(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è)面，這些頁(yè)面可以被網(wǎng)上任何其他人瀏覽到，無(wú)論使用的是什么類型的電腦或?yàn)g覽器。

點(diǎn)贊(0)