什么是HTML？一文讓你理解HTML的含義

TML的英語意思是：HypertextMarkupLanguage，即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言。接下來將帶領(lǐng)讀者從語言、超文本、標記三部分進行理解HTML。下面和千鋒廣州小編一起來看看吧！

?1.語言

HTML一種編程語言，有指定的語法規(guī)則。超文本傳輸協(xié)議規(guī)定了瀏覽器在運行HTML文檔時所遵循的規(guī)則和進行的操作。協(xié)議的制定使瀏覽器在運行超文本時有了統(tǒng)一的規(guī)則和標準。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統(tǒng)平臺，自1990年以來HTML就一直被用作WWW(是WorldWideWeb的縮寫，也可簡寫WEB、中文叫做萬維網(wǎng))的信息表示語言，使用HTML語言描述的文件，需要通過WEB瀏覽器HTTP顯示出效果。

2.超文本

所謂超文本，是因為它可以加入圖片、聲音、動畫、影視等內(nèi)容，事實上每一個HTML文檔都是一種靜態(tài)的網(wǎng)頁文件，這個文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語言，它只是一種排版網(wǎng)頁中資料顯示位置的標記結(jié)構(gòu)語言，易學易懂，非常簡單。

HTML的普遍應(yīng)用就是通過單擊鼠標從一個主題跳轉(zhuǎn)到另一個主題，從一個頁面跳轉(zhuǎn)到另一個頁面與世界各地主機的文件鏈接。直接獲取相關(guān)的主題。如下所示：

通過HTML可以通過圖片格式和文字格式的設(shè)計實現(xiàn)出豐富多彩的風格：

文字

通過HTML可以實現(xiàn)頁面之間的跳轉(zhuǎn)：

通過HTML可以展現(xiàn)多媒體的效果：

從上面我們可以看到HTML超文本文件時需要用到的一些標簽。

3.標記

對于剛剛接觸超文本的讀者，可能不能理解一些用“<”和“>”括起來的句子，它們稱為標記，也稱標簽，是用來劃分網(wǎng)頁的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。標簽通過指定某塊信息為段落或標題等來標識文檔某個部件。

在HTML中每個用來作標簽的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標簽均由"<"和">"符號以及一個字符串組成。如、等。而瀏覽器的功能是對這些標記進行解釋，顯示出文字、圖像、動畫、播放聲音。這些標簽符號用“<標簽名字屬性>”來表示。標簽分為單標簽和雙標簽兩大類，具體介紹如下：

單標簽指的是只存在一個標簽的寫法，如、等。

雙標簽指的是存在一對標簽的寫法，如、等。注意在雙標簽中第一個標簽叫做起始標簽，第二個標簽叫做結(jié)束標簽，結(jié)束標簽需要在左尖括號后添加一個關(guān)閉符“/”。

HTML只是一個純文本文件。創(chuàng)建一個HTML文檔，需要HTML編輯器和WEB瀏覽器兩個工具。HTML編輯器是用于生成和保存HTML文檔的應(yīng)用程序。WEB瀏覽器是用來打開WEB網(wǎng)頁文件，提供給我們查看WEB資源的客戶端程序。

起網(wǎng)頁技術(shù),今天給大家介紹一個網(wǎng)頁開發(fā)中的主要技術(shù)——HTML。HTML是什么呢？HTML官方定義為超文本標記語言，全稱為Hypertext Markup Language。HTML是Web的核心語言，它是使用標記來描述網(wǎng)頁的一種語言，它的語法簡單、結(jié)構(gòu)清晰。

所謂HTML頁面就是我們常說的網(wǎng)頁，也會稱之為HTML文檔。HTML文檔中包含HTML標簽和文本內(nèi)容，瀏覽器會讀取HTML文檔，并將它們以網(wǎng)頁的形式呈現(xiàn)給用戶。在HTML頁面中可以包含圖片、文字、聲音、視頻、動畫、超鏈接等等。

在網(wǎng)頁文檔中標簽是構(gòu)成網(wǎng)頁的基本單位，也被稱為標記、元素，是由尖括號包圍起來的關(guān)鍵詞，HTML標簽分為單標簽、雙標簽，單標簽是在開始標簽中直接閉合，而雙標簽由開始標簽和結(jié)束標簽組成，在標簽的中間填入內(nèi)容，大部分的HTML標簽可以添加屬性用以修飾該標簽。在HTML標簽不區(qū)分大小寫，但是W3C建議我們使用小寫。下圖是是一個簡單的HTML文檔的基本結(jié)構(gòu)。

上文又提到一個概念叫做W3C，那么大家可能會問W3C是什么呢？W3C(World Wide Web Consortium)萬維網(wǎng)聯(lián)盟，W3C最大限度地就技術(shù)相關(guān)內(nèi)容達成共識，確保編程質(zhì)量，促進規(guī)范之間的一致性，并獲得W3C和更廣泛的社區(qū)的認可。它的主要工作是對Web進行標準化，創(chuàng)建并維護www標準。簡單來說,W3C是一個專門來制定web標準的非盈利性組織。而這些廣泛運用的標準被稱為W3C標準。

一門技術(shù)的發(fā)展以及成熟，也不是一蹴而就的，那么接下來我們來了解一下HTML的發(fā)展歷程。

HTML經(jīng)歷了多個版本，才到現(xiàn)在最新的、目前還沒有定稿的HTML5。

HTML 2.0是1996年由Internet工程的HTML工作組開發(fā)。它是果實的HTML版本。

1997年1月，由W3C標準發(fā)布的HTML3.2，在HTML2.0的基礎(chǔ)上添加了新的、被廣泛運用的特性。

1997年12月，HTML4.0由W3C發(fā)布，并與第二年4月發(fā)布了它的修改版本。在HTML4.0中一個比較重要的特性就是加入了css樣式表。

1999年12月，W3C推出了HTML4.01，它是HTML4.0的升級版本，對HTML4.0進行了一些修正和漏洞修復。

2000年1月，W3C發(fā)布了XHTML 1.0，這個版本使用XML對HTML4.01進行了重新地表示。XHTML(EXtensible HyperText Markup Language)可擴展的超文本標記語言，它的目的是為了取代HTML，因此它與HTML 4.01幾乎一致，但是它是一個語法更為嚴格、更為純凈的HTML版本，是作為一種XML(可擴展標記語言，與HTML的區(qū)別在于，HTML用來顯示數(shù)據(jù)，而XML用來描述數(shù)據(jù))應(yīng)用被重新定義的HTML。

2008年1月，W3C發(fā)布了HTML5的第一份正式工作草案。雖然，到目前為止HTML5還沒有正式發(fā)布，仍處在不斷完善階段，但是，現(xiàn)在大部分瀏覽器已經(jīng)具備了某些HTML5的支持。

今天的分享就到這里，希望大家對HTML有一個簡單的認識!

什么是HTML

HTML 是用來描述網(wǎng)頁的一種語言。HTML 是一種在 Web 上使用的通用標記語言。HTML 允許你格式化文本，添加圖片，創(chuàng)建鏈接、輸入表單、框架和表格等等，并可將之存為文本文件，瀏覽器即可讀取和顯示。

HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言，而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標簽及文本內(nèi)容
HTML文檔也叫做 web 頁面

2 入門實例

新建一個test.html文件，內(nèi)容如下

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一個標題</h1><p>我的第一個段落。</p> </body></html>

其中：

<!DOCTYPE html> 聲明為 HTML5 文檔
<html> 元素是 HTML 頁面的根元素
<head> 元素包含了文檔的元（meta）數(shù)據(jù)，如 <meta charset="utf-8"> 定義網(wǎng)頁編碼格式為 utf-8（由于在大部分瀏覽器中直接輸出中文會出現(xiàn)亂碼，所以要在頭部將字符聲明為UTF-8）
<title> 元素描述了文檔的標題
<body> 元素包含了可見的頁面內(nèi)容
<h1> 元素定義一個大標題
<p> 元素定義一個段落

保存后運行，即可在瀏覽器中打開如下界面

3 各部分詳解

3.1 標題

HTML 標題（Heading）是通過<h1> - <h6> 標簽來定義的.

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>這是標題 1</h1><h2>這是標題 2</h2><h3>這是標題 3</h3><h4>這是標題 4</h4><h5>這是標題 5</h5><h6>這是標題 6</h6> </body></html>

3.2 段落

HTML 段落是通過標簽 <p> 來定義的

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <p>這是一個段落。</p><p>這是一個段落。</p><p>這是一個段落。</p> </body></html>

3.3 鏈接

HTML 鏈接是通過標簽 <a> 來定義的

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <a href="https://blog.csdn.net/zong596568821xp">這是一個鏈接使用了 href 屬性</a> </body></html>

3.4 圖像

HTML 圖像是通過標簽 <img> 來定義的。注意： 圖像的名稱和尺寸是以屬性的形式提供的。

<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <img src="zongxp.jpg" width="640" height="640" /> </body></html>

3.5 表格

表格由 <table> 標簽來定義。每個表格均有若干行（由 <tr> 標簽定義），每行被分割為若干單元格（由 <td> 標簽定義）。字母 td 指表格數(shù)據(jù)（table data），即數(shù)據(jù)單元格的內(nèi)容。數(shù)據(jù)單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標簽進行定義。如果不定義邊框?qū)傩裕砀駥⒉伙@示邊框。有時這很有用，但是大多數(shù)時候，我們希望顯示邊框。使用邊框?qū)傩詠盹@示一個帶有邊框的表格：

<table border="1">    <tr>        <th>Header 1</th>        <th>Header 2</th>    </tr>    <tr>        <td>row 1, cell 1</td>        <td>row 1, cell 2</td>    </tr>    <tr>        <td>row 2, cell 1</td>        <td>row 2, cell 2</td>    </tr></table>

4 速查列表

4.1 基本文檔

<!DOCTYPE html><html><head><title>文檔標題</title></head><body>可見文本...</body></html>

4.2 基本標簽

<h1>最大的標題</h1><h2> . . . </h2><h3> . . . </h3><h4> . . . </h4><h5> . . . </h5><h6>最小的標題</h6> <p>這是一個段落。</p><br> （換行）<hr> （水平線）<!-- 這是注釋 -->

4.3 文本格式化

<b>粗體文本</b><code>計算機代碼</code><em>強調(diào)文本</em><i>斜體文本</i><kbd>鍵盤輸入</kbd> <pre>預(yù)格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> （縮寫）<address> （聯(lián)系信息）<bdo> （文字方向）<blockquote> （從另一個源引用的部分）<cite> （工作的名稱）<del> （刪除的文本）<ins> （插入的文本）<sub> （下標文本）<sup> （上標文本）

4.4 鏈接

普通的鏈接：<a href="http://www.example.com/">鏈接文本</a>圖像鏈接： <a href="http://www.example.com/"><img src="URL" alt="替換文本"></a>郵件鏈接： <a href="mailto:webmaster@example.com">發(fā)送e-mail</a>書簽：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>

4.5 圖片

<img src="URL" alt="替換文本" height="42" width="42">

4.6 樣式/區(qū)塊

<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級元素</div><span>文檔中的內(nèi)聯(lián)元素</span>

4.7 無序列表

<ul>    <li>項目</li>    <li>項目</li></ul>

4.8 有序列表

在線咨詢

上一篇：HTML中實現(xiàn)鼠標移動到table中某個單元格中顏色改變
下一篇：html select 元素下拉點擊事件

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。