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

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資源的客戶端程序。

英國《太陽報》報道，菲律賓一位網頁設計師為了向自己的職業致敬，給自己的兒子取名為“Hypertext Mark-up Language（超文本標記語言）”。這位叫做Mac Pascual的父親表示，給新生兒取個獨一無二的名字是他們家族的傳統。他對自己的工作充滿熱情，決定給自己的寶寶取名為HTML。據媒體報道，這個寶寶出生在當地的布拉坎醫療集團合作醫院，體重2.25公斤。

6月10日，HTML的姑姑Salie Rayo Pascual拍下了這個可愛侄子的照片，并把照片發布到了Facebook上，標題是“HTML，歡迎來到這個世界”。這篇帖子很快引起了網友們的關注，大家紛紛評論并轉發了這個帖子。不過，還是有一些社交媒體用戶對這個奇特的名字進行了一番嘲笑，并嘲諷般地建議他給未來的孩子用一些其他的編碼縮寫來當名字，比如“Results-based management system”、“JavaScript”，或者是“Cascading Style Sheets（CSS）”。還有人對寶寶的名字表示了擔憂評論道：“將來，他可能會成為被欺負和被嘲笑的對象。”

HTML的爸爸解釋說，他自己的名字“Mac”就是“Macaroni'85”的縮寫，而他姐姐的名字是“Spaghetti'88（意大利面）”的縮寫。他的姐姐有兩個孩子，分別叫“Cheese Pimiento（辣椒奶酪）”和“Parmesan Cheese（帕爾瑪奶酪）”，所以他們的小名分別是“Chippy”和“Peewee”。HTML和其他名字不同尋常的嬰兒一樣，從出生起就成為了人們討論的話題。特斯拉的首席執行官Elon Musk和Claire Boucher（Grimes）就給自己的兒子取名為“X ? A-12 Musk”，因而上了新聞頭條。今年早些時候，模特兼女演員Emily Ratajkowski 通過社交媒體宣布，她將給自己剛出生的寶寶取名為“Sylvester Apollo Bear”。（中國青年網編譯報道）

來源：中國青年網

個人編寫HTML使用的軟件是dreamweaver，這個軟件的話，正版是要購買的，一開始學習HTML就是用的這個軟件了，挺好用的，而且代碼提示特別方便，不用擔心太多的標簽和屬性記勞~

1.什么是HTML？

HTML 是用來描述網頁的一種語言，指的是超文本標記語言: HyperText Markup Language；
HTML 不是一種編程語言，而是一種標記語言；
HTML文檔也叫做 web 頁面；

2.HTML基本結構

<!DOCTYPE html>：文檔聲明；
<html>：HTML 頁面的根元素；
<head>：用于定義文檔的頭部，是所有頭部元素的容器；
<meta>：提供有關頁面的元信息，位于文檔的頭部，不包含任何內容；
<title>：文檔的標題；
<body>：定義文檔的主體，包含文檔的所有內容；

3.HTML標簽使用？

HTML 標簽是由尖括號包圍的關鍵詞，且通常是成對出現的如<a></a>，當然也有單個的，只不過比較少如<hr>；
標簽對中的第一個標簽表示開始標簽，第二個標簽表示結束標簽；

4.HTML常用標簽介紹

除了HTML基本結構的幾個標簽以外，HTML還有一些比較常用的基本標簽；

（1）文本標簽：

h1-h6：用于定義標題，h1為最大標題，h6為最小標題；
p：定義段落；
span：組合文檔中的行內元素；
br：換行；
hr：水平線；
strong/b：加粗文字；
em/i：斜體；
u：下劃線；
s：刪除線；
pre：定義預格式化的文本，保持原有格式；
sub：下標；
sup：上標；
blockquote：塊引用；

（2）布局標簽：

div：定義文檔中的分區或節，把文檔分割為獨立的、不同的部分；
header：定義頁面的頭部；
aside：用作文章的側欄；
section：定義文檔中的節；
footer：定義文檔或節的頁腳，通常包含文檔的作者、版權信息、使用條款鏈接、聯系信息等；
article：規定文章獨立的其他內容，如標題、內容、評論；

（3）多媒體標簽：

img：用于在網頁中插入圖像；
audio：定義聲音，比如音樂或其他音頻流；
video：定義視頻，比如電影片段或其他視頻流；

（4）超鏈接標簽：

a：定義超鏈接，指定頁面間的跳轉；

（5）序列化標簽：

ul：定義無序列表；
ol：定義有序列表；
li：定義列表項目，可用在無序列表ul和有序列表ol中；
dl：定義了定義列表；
dt：定義了定義列表中的項目（即術語部分）；
dd：在定義列表中定義條目的定義部分；

（6）表格標簽：

table：定義 HTML 表格；
tr：定義表格的行；
td：定義表格的單元；
th：定義表頭；
caption：定義表格標題；
col：為表格中一個或多個列定義屬性值；
colgroup：用于對表格中的列進行組合，以便對其進行格式化；
thead：定義表格的表頭；
tbody：表格主體，也就是正文部分；
tfoot：定義表格的頁腳（腳注或表注）；

（7）表單標簽：

form：用于為用戶輸入創建 HTML 表單；
input：用于搜集用戶信息；
button：定義一個按鈕；
select：創建單選或多選菜單；
option：定義下拉列表中的一個選項；
textarea：定義多行的文本輸入控件；
label：為 input 元素定義標注（標記）；
fieldset：用于將表單內的相關元素分組；
legend：為 fieldset 元素定義標題；

5.HTML注意事項

HTML文件當以后綴名為 .html 或 .htm 來命名；
HTML標簽和屬性是不區分大小寫的，建議HTML標簽和屬性都小寫，屬性值必須用雙引號包圍；
HTML標簽都是以開始標簽起始，以結束標簽終止；
HTML標簽之間盡量縮進與換行，每行代碼不要過長，方便閱讀和維護；
HTML標簽使用必須符合標簽嵌套規則，如禁止a標簽嵌套a標簽，p標簽嵌套div標簽等；
建議不使用HTML已經廢棄的或者不贊成使用的標簽，少使用table布局、iframe框架嵌套以及flash播放器；

在線咨詢

上一篇：大牛級css程序員純css制作七彩圓環旋轉幻影特效
下一篇：教你六招，輕松搞定網頁文本禁止復制的限制

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。