整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
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 是一種在 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 有序列表
文本標記語言（HTML）是用于在 Internet 上顯示 Web 頁面的主要標記語言。換句話說，網頁由 HTML 組成，用于通過 Web 瀏覽器顯示文本，圖像或其他資源。
使用標記來描述文檔結構和表現形式并通過瀏覽器進行解析,然后把結果顯示在網頁上. 它是網頁構成的基礎,你見到的所有網頁都離不開HTML,所以學習HTML是基礎中的基礎。
什么是HTML？
HTML是用來制作網頁的標記語言
HTML是Hypertext MarkupLanguage的英文縮寫, 即超文本標記語言
HTML語言是一種標記語言,不需要編譯,直接由瀏 HTML語言是一種標記語言,不需要編譯,直接由瀏覽器執行
HTML文件是一個文本文件,包含了一些HTML元素, HTML文件是一個文本文件,包含了一些HTML元素,標簽等.
HTML文件必須使用html或htm為文件名后綴
HTML是大小寫不敏感的,HTML與html是一樣的
Html和CSS的關系
學習web前端開發基礎技術需要掌握：HTML、CSS、JavaScript語言。下面我們就來了解下這三門技術都是用來實現什么的：
1. HTML是網頁內容的載體。內容就是網頁制作者放在頁面上想要讓用戶瀏覽的信息，可以包含文字、圖片、視頻等。
2. CSS樣式是表現(外觀控制)。就像網頁的外衣。比如，標題字體、顏色變化，或為標題加入背景圖片、邊框等。所有這些用來改變內容外觀的東西稱之為表現。
3. JavaScript是用來實現網頁上的特效效果。如：鼠標滑過彈出下拉菜單。或鼠標滑過表格的背景顏色改變。還有焦點新聞（新聞圖片）的輪換。可以這么理解，有動畫的，有交互的一般都是用JavaScript來實現的。
HTML形象案例理解
為了簡化對復雜Internet的理解，暫時把復雜的Internet抽象成：向女生宿舍發送信號。
為了能夠在斷網后繼續聯絡女神，我們買來了電池和開關，然后拉了普通電線線到女神的寢室。女神把小燈泡接在了電線的兩端。
這時只需要開閉開關，就可以控制女神屋里的燈泡了。
發送信號
關閉著小燈泡1秒鐘，代表發送一個0。
打開了小燈泡1秒鐘，代表發送一個1。
此時可以向女神發送任意二進制內容了。
發送文本
我們只希望發送一個“Good Night”。所以必須想辦法對“Good Night”進行編碼。
'G','o','o','d'的ASCII編碼是：071，111，111，100，轉換成二進制就是：0100 0001 0110 1111 0110 1111 0110 0100
使用發送二進制信號的方法發過去，女神需要自己解碼來閱讀出“Good”。
發送富文本
有一天，我們希望發送“I miss you”。
為了表達心意，你希望加粗“you”，并使用紅色的字體發送“miss”，而這一根簡陋的電線似乎很難理解“加粗”和“紅色”
于是機智的我們發送了：I <red>miss</red> <b>you</b>
同樣機智的女神理解了這件事情。
你發明了一種語言
我們很喜歡這種編碼格式，這是一種標記語言，于是我們稱其為：TGML （To Girl Markup Language）
平時你使用TGML來和你的女神通信，TGML可以非常好的解決富文本的傳輸問題。
表白
終于決定表白了，我們繪制了很美麗的心形圖片，還有兩個按鈕：接受、拒絕。
兩個按鈕分別會鏈接到 "接受.tgml"和"拒絕.tgml"
為了描述圖片，我們使用了<img src="pic">
為了描述按鈕，我們使用了<a href="接受.tgml">
現在發送給女神的內容，已經不只是帶格式的富文本，而是帶鏈接的富文本。
于是在這個世界上，擁有了一種能夠描述超文本的語言，叫做TGML
超文本
描述超文本的方式有很多，例如：HTML，TGML，還有markdown。HTML的誕生是為了描述超文本。
超文本的用途也很多，例如：描述一個網頁，或者描述一個Word文檔。HTML文件是超文本文件。但是超文本未必是HTML。
Microsoft Word
Microsoft Word是Office的一個組件。它同樣代表一個超文本資源。
如果你解壓一個docx文件并仔細翻一翻，你能找到你剛才寫的作業，是以HTML方式記載著。
當然，描述超文本還有markdown。所以你可以使用一些工具，比如pandoc，把markdown轉換成word。
故事的結局
女神的名字叫瀏覽器，我們的名字叫Web服務器，女神和我們中間的那根線叫HTTP。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
