整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
TML的英語意思是：HypertextMarkupLanguage，即超文本標記語言,是一種用來制作超文本文檔的簡單標記語言。接下來將帶領讀者從語言、超文本、標記三部分進行理解HTML。下面和千鋒廣州小編一起來看看吧！
?1.語言
HTML一種編程語言，有指定的語法規則。超文本傳輸協議規定了瀏覽器在運行HTML文檔時所遵循的規則和進行的操作。協議的制定使瀏覽器在運行超文本時有了統一的規則和標準。用HTML編寫的超文本文檔稱為HTML文檔，它能獨立于各種操作系統平臺，自1990年以來HTML就一直被用作WWW(是WorldWideWeb的縮寫，也可簡寫WEB、中文叫做萬維網)的信息表示語言，使用HTML語言描述的文件，需要通過WEB瀏覽器HTTP顯示出效果。
2.超文本
所謂超文本，是因為它可以加入圖片、聲音、動畫、影視等內容，事實上每一個HTML文檔都是一種靜態的網頁文件，這個文件里面包含了HTML指令代碼，這些指令代碼并不是一種程序語言，它只是一種排版網頁中資料顯示位置的標記結構語言，易學易懂，非常簡單。
HTML的普遍應用就是通過單擊鼠標從一個主題跳轉到另一個主題，從一個頁面跳轉到另一個頁面與世界各地主機的文件鏈接。直接獲取相關的主題。如下所示：
通過HTML可以通過圖片格式和文字格式的設計實現出豐富多彩的風格：
文字
通過HTML可以實現頁面之間的跳轉：
通過HTML可以展現多媒體的效果：
從上面我們可以看到HTML超文本文件時需要用到的一些標簽。
3.標記
對于剛剛接觸超文本的讀者，可能不能理解一些用“<”和“>”括起來的句子，它們稱為標記，也稱標簽，是用來劃分網頁的元素，以形成文本的布局、文字的格式及五彩繽紛的畫面。標簽通過指定某塊信息為段落或標題等來標識文檔某個部件。
在HTML中每個用來作標簽的符號都是一條命令、它告訴瀏覽器如何顯示文本。這些標簽均由"<"和">"符號以及一個字符串組成。如、等。而瀏覽器的功能是對這些標記進行解釋，顯示出文字、圖像、動畫、播放聲音。這些標簽符號用“<標簽名字屬性>”來表示。標簽分為單標簽和雙標簽兩大類，具體介紹如下：
單標簽指的是只存在一個標簽的寫法，如 、等。
雙標簽指的是存在一對標簽的寫法，如、等。注意在雙標簽中第一個標簽叫做起始標簽，第二個標簽叫做結束標簽，結束標簽需要在左尖括號后添加一個關閉符“/”。
HTML只是一個純文本文件。創建一個HTML文檔，需要HTML編輯器和WEB瀏覽器兩個工具。HTML編輯器是用于生成和保存HTML文檔的應用程序。WEB瀏覽器是用來打開WEB網頁文件，提供給我們查看WEB資源的客戶端程序。
起網頁技術,今天給大家介紹一個網頁開發中的主要技術——HTML。HTML是什么呢？HTML官方定義為超文本標記語言，全稱為Hypertext Markup Language。HTML是Web的核心語言，它是使用標記來描述網頁的一種語言，它的語法簡單、結構清晰。
所謂HTML頁面就是我們常說的網頁，也會稱之為HTML文檔。HTML文檔中包含HTML標簽和文本內容，瀏覽器會讀取HTML文檔，并將它們以網頁的形式呈現給用戶。在HTML頁面中可以包含圖片、文字、聲音、視頻、動畫、超鏈接等等。
在網頁文檔中標簽是構成網頁的基本單位，也被稱為標記、元素，是由尖括號包圍起來的關鍵詞，HTML標簽分為單標簽、雙標簽，單標簽是在開始標簽中直接閉合，而雙標簽由開始標簽和結束標簽組成，在標簽的中間填入內容，大部分的HTML標簽可以添加屬性用以修飾該標簽。在HTML標簽不區分大小寫，但是W3C建議我們使用小寫。下圖是是一個簡單的HTML文檔的基本結構。
上文又提到一個概念叫做W3C，那么大家可能會問W3C是什么呢？W3C(World Wide Web Consortium)萬維網聯盟，W3C最大限度地就技術相關內容達成共識，確保編程質量，促進規范之間的一致性，并獲得W3C和更廣泛的社區的認可。它的主要工作是對Web進行標準化，創建并維護www標準。簡單來說,W3C是一個專門來制定web標準的非盈利性組織。而這些廣泛運用的標準被稱為W3C標準。
一門技術的發展以及成熟，也不是一蹴而就的，那么接下來我們來了解一下HTML的發展歷程。
HTML經歷了多個版本，才到現在最新的、目前還沒有定稿的HTML5。
HTML 2.0是1996年由Internet工程的HTML工作組開發。它是果實的HTML版本。
1997年1月，由W3C標準發布的HTML3.2，在HTML2.0的基礎上添加了新的、被廣泛運用的特性。
1997年12月，HTML4.0由W3C發布，并與第二年4月發布了它的修改版本。在HTML4.0中一個比較重要的特性就是加入了css樣式表。
1999年12月，W3C推出了HTML4.01，它是HTML4.0的升級版本，對HTML4.0進行了一些修正和漏洞修復。
2000年1月，W3C發布了XHTML 1.0，這個版本使用XML對HTML4.01進行了重新地表示。XHTML(EXtensible HyperText Markup Language)可擴展的超文本標記語言，它的目的是為了取代HTML，因此它與HTML 4.01幾乎一致，但是它是一個語法更為嚴格、更為純凈的HTML版本，是作為一種XML(可擴展標記語言，與HTML的區別在于，HTML用來顯示數據，而XML用來描述數據)應用被重新定義的HTML。
2008年1月，W3C發布了HTML5的第一份正式工作草案。雖然，到目前為止HTML5還沒有正式發布，仍處在不斷完善階段，但是，現在大部分瀏覽器已經具備了某些HTML5的支持。
今天的分享就到這里，希望大家對HTML有一個簡單的認識!
HTML 是用來描述網頁的一種語言。HTML 是一種在 Web 上使用的通用標記語言。HTML 允許你格式化文本，添加圖片，創建鏈接、輸入表單、框架和表格等等，并可將之存為文本文件，瀏覽器即可讀取和顯示。
新建一個test.html文件，內容如下
<!DOCTYPE html><html><head><meta charset="utf-8"><title>ZONGXP</title></head><body> <h1>我的第一個標題</h1><p>我的第一個段落。</p> </body></html>其中：
保存后運行，即可在瀏覽器中打開如下界面
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 指表格數據（table data），即數據單元格的內容。數據單元格可以包含文本、圖片、列表、段落、表單、水平線、表格等等。表格的表頭使用 <th> 標簽進行定義。如果不定義邊框屬性，表格將不顯示邊框。有時這很有用，但是大多數時候，我們希望顯示邊框。使用邊框屬性來顯示一個帶有邊框的表格：
<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.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>強調文本</em><i>斜體文本</i><kbd>鍵盤輸入</kbd> <pre>預格式化文本</pre><small>更小的文本</small><strong>重要的文本</strong> <abbr> （縮寫）<address> （聯系信息）<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">發送e-mail</a>書簽：<a id="tips">提示部分</a><a href="#tips">跳到提示部分</a>4.5 圖片
<img src="URL" alt="替換文本" height="42" width="42">4.6 樣式/區塊
<style type="text/css">h1 {color:red;}p {color:blue;}</style><div>文檔中的塊級元素</div><span>文檔中的內聯元素</span>4.7 無序列表
<ul> <li>項目</li> <li>項目</li></ul>4.8 有序列表
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
