TML 實例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>
實例解析
DOCTYPE 聲明了文檔類型
位于標簽 <html> 與 </html> 描述了文檔類型
位于標簽 <body> 與 </body> 為可視化網(wǎng)頁內(nèi)容
位于標簽 <h1> 與 </h1> 作為一個標題使用
位于標簽 <p> 與 </p> 作為一個段落顯示
<!DOCTYPE html> 在HTML5中也是描述了文檔類型。 |
什么是HTML?
HTML 是用來描述網(wǎng)頁的一種語言。
HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言,而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網(wǎng)頁
HTML 文檔包含了HTML 標簽及文本內(nèi)容
HTML文檔也叫做 web 頁面
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關(guān)鍵詞,比如 <html>
HTML 標簽通常是成對出現(xiàn)的,比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽,第二個標簽是結(jié)束標簽
開始和結(jié)束標簽也被稱為開放標簽和閉合標簽
<標簽>內(nèi)容</標簽>
HTML 元素
"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴格來講, 一個 HTML 元素包含了開始標簽與結(jié)束標簽,如下實例:
HTML 元素:
<p>這是一個段落。</p>
Web 瀏覽器
Web瀏覽器(如谷歌瀏覽器,Internet Explorer,F(xiàn)irefox,Safari)是用于讀取HTML文件,并將其作為網(wǎng)頁顯示。
瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現(xiàn)HTML頁面的內(nèi)容給用戶:
HTML 網(wǎng)頁結(jié)構(gòu)
下面是一個可視化的HTML頁面結(jié)構(gòu):
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>
只有 <body> 區(qū)域 (白色部分) 才會在瀏覽器中顯示。 |
HTML版本
從初期的網(wǎng)絡(luò)誕生后,已經(jīng)出現(xiàn)了許多HTML版本:
版本 | 發(fā)布時間 |
---|---|
HTML | 1991 |
HTML+ | 1993 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML 1.0 | 2000 |
HTML5 | 2012 |
XHTML5 | 2013 |
<!DOCTYPE> 聲明
<!DOCTYPE>聲明有助于瀏覽器中正確顯示網(wǎng)頁。
網(wǎng)絡(luò)上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網(wǎng)頁內(nèi)容。
doctype 聲明是不區(qū)分大小寫的,以下方式均可:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
通用聲明
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
查看完整網(wǎng)頁聲明類型 DOCTYPE 參考手冊。
中文編碼
目前在大部分瀏覽器中,直接輸出中文會出現(xiàn)中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
英國《太陽報》報道,菲律賓一位網(wǎng)頁設(shè)計師為了向自己的職業(yè)致敬,給自己的兒子取名為“Hypertext Mark-up Language(超文本標記語言)”。這位叫做Mac Pascual的父親表示,給新生兒取個獨一無二的名字是他們家族的傳統(tǒng)。他對自己的工作充滿熱情,決定給自己的寶寶取名為HTML。據(jù)媒體報道,這個寶寶出生在當?shù)氐牟祭册t(yī)療集團合作醫(yī)院,體重2.25公斤。
6月10日,HTML的姑姑Salie Rayo Pascual拍下了這個可愛侄子的照片,并把照片發(fā)布到了Facebook上,標題是“HTML,歡迎來到這個世界”。這篇帖子很快引起了網(wǎng)友們的關(guān)注,大家紛紛評論并轉(zhuǎn)發(fā)了這個帖子。不過,還是有一些社交媒體用戶對這個奇特的名字進行了一番嘲笑,并嘲諷般地建議他給未來的孩子用一些其他的編碼縮寫來當名字,比如“Results-based management system”、“JavaScript”,或者是“Cascading Style Sheets(CSS)”。還有人對寶寶的名字表示了擔憂評論道:“將來,他可能會成為被欺負和被嘲笑的對象。”
HTML的爸爸解釋說,他自己的名字“Mac”就是“Macaroni'85”的縮寫,而他姐姐的名字是“Spaghetti'88(意大利面)”的縮寫。他的姐姐有兩個孩子,分別叫“Cheese Pimiento(辣椒奶酪)”和“Parmesan Cheese(帕爾瑪奶酪)”,所以他們的小名分別是“Chippy”和“Peewee”。HTML和其他名字不同尋常的嬰兒一樣,從出生起就成為了人們討論的話題。特斯拉的首席執(zhí)行官Elon Musk和Claire Boucher(Grimes)就給自己的兒子取名為“X ? A-12 Musk”,因而上了新聞頭條。今年早些時候,模特兼女演員Emily Ratajkowski 通過社交媒體宣布,她將給自己剛出生的寶寶取名為“Sylvester Apollo Bear”。(中國青年網(wǎng)編譯報道)
來源:中國青年網(wǎng)
.它是一種計算機(PC)的超文本標記語言(Hyper Text Markup Language),縮寫為HTML,HTML是一種標記語言(markup language),是制作網(wǎng)頁所必備的語言,語法較為松散,不嚴格的web語言;標簽可以不閉合,不區(qū)分大小寫。
2.標記標簽通常被稱為HTML標簽,標簽由尖括號包圍的關(guān)鍵字組成,通常都是成對出現(xiàn)的,有開始標簽和結(jié)束標簽,如<html></html>。
瀏覽器不會顯示html標簽(白話:瀏覽器只會顯示標簽里邊的內(nèi)容),而是使用標簽來解釋頁面的內(nèi)容。
比如這一行代碼:<body>你好 </body>要放在<html></html>里邊,網(wǎng)頁只展示了你好 其他內(nèi)容并沒有展示。
代碼
頁面
以下資料均由自己的認知和資料整理所得:
1989年,歐洲物理量子實驗室(CERN)的信息專家蒂姆·伯納斯·李發(fā)明了超文本鏈接語言, 使用此語言能輕松地將一個文件中的文字或圖形連到其它的文件中去,這就是HTML的前身。1991年,蒂姆伯·納斯·李在CERN定義了HTML語言的第一個規(guī)范,之后成為W3C組織為專門在互聯(lián)網(wǎng)上發(fā)布信息而設(shè)計的符號化語言規(guī)范。可以說,HTML(Hypertext Markup Language)是SGML的一個實例,它的DTD作為標準被固定下來。因此,HTML不能作為定義其它符號化語言的元語言。
作為World Wide Web的一個組成部分,HTML語言發(fā)展很快,在短短的幾年里,它已歷經(jīng)了HTML1.0、HTML2.0和HTML3.0、HTML4.0等多個版本,同時DHTML (動態(tài))、VHTML(虛擬)、SHTML等也飛速發(fā)展起來。HTML以簡單精練的語法、極易掌握的通用性與易學性,使Web網(wǎng)頁可以親近于每一個普通人,互聯(lián)網(wǎng)因此得以普及發(fā)展以至今日輝煌。
但是,目前的HTML還不穩(wěn)定,不同的瀏覽器會產(chǎn)生不同的顯示效果。此外,由于HTML對超級鏈接支持不足,并缺乏空間立體描述,處理圖形、圖像、音頻、視頻等多媒體能力較弱,圖文混排功能簡單,不能表示多種媒體的同步關(guān)系等缺點,也影響HTML的大規(guī)模應(yīng)用以及用于復(fù)雜的多媒體數(shù)據(jù)處理,一種語言各有各的優(yōu)點和缺點。
人們常常贊美蒂姆·伯納斯·李“與其他所有推動人類進程的發(fā)明不同,這是一件純粹個人的勞動成果,萬維網(wǎng)只屬于蒂姆·伯納斯·李一個人。”而這個心懷浪漫、獻身科學的英國學者,卻將只屬于他一個人的發(fā)明,無償獻給了世界。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。