TML 實例
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鳥教程(runoob.com)</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>
實例解析
DOCTYPE 聲明了文檔類型
位于標簽 <html> 與 </html> 描述了文檔類型
位于標簽 <body> 與 </body> 為可視化網頁內容
位于標簽 <h1> 與 </h1> 作為一個標題使用
位于標簽 <p> 與 </p> 作為一個段落顯示
<!DOCTYPE html> 在HTML5中也是描述了文檔類型。 |
什么是HTML?
HTML 是用來描述網頁的一種語言。
HTML 指的是超文本標記語言: HyperText Markup Language
HTML 不是一種編程語言,而是一種標記語言
標記語言是一套標記標簽 (markup tag)
HTML 使用標記標簽來描述網頁
HTML 文檔包含了HTML 標簽及文本內容
HTML文檔也叫做 web 頁面
HTML 標簽
HTML 標記標簽通常被稱為 HTML 標簽 (HTML tag)。
HTML 標簽是由尖括號包圍的關鍵詞,比如 <html>
HTML 標簽通常是成對出現的,比如 <b> 和 </b>
標簽對中的第一個標簽是開始標簽,第二個標簽是結束標簽
開始和結束標簽也被稱為開放標簽和閉合標簽
<標簽>內容</標簽>
HTML 元素
"HTML 標簽" 和 "HTML 元素" 通常都是描述同樣的意思.
但是嚴格來講, 一個 HTML 元素包含了開始標簽與結束標簽,如下實例:
HTML 元素:
<p>這是一個段落。</p>
Web 瀏覽器
Web瀏覽器(如谷歌瀏覽器,Internet Explorer,Firefox,Safari)是用于讀取HTML文件,并將其作為網頁顯示。
瀏覽器并不是直接顯示的HTML標簽,但可以使用標簽來決定如何展現HTML頁面的內容給用戶:
HTML 網頁結構
下面是一個可視化的HTML頁面結構:
<html>
<head>
<title>頁面標題</title>
</head>
<body>
<h1>這是一個標題</h1>
<p>這是一個段落。</p>
<p>這是另外一個段落。</p>
</body>
</html>
只有 <body> 區域 (白色部分) 才會在瀏覽器中顯示。 |
HTML版本
從初期的網絡誕生后,已經出現了許多HTML版本:
版本 | 發布時間 |
---|---|
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>聲明有助于瀏覽器中正確顯示網頁。
網絡上有很多不同的文件,如果能夠正確聲明HTML的版本,瀏覽器就能正確顯示網頁內容。
doctype 聲明是不區分大小寫的,以下方式均可:
<!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">
查看完整網頁聲明類型 DOCTYPE 參考手冊。
中文編碼
目前在大部分瀏覽器中,直接輸出中文會出現中文亂碼的情況,這時候我們就需要在頭部將字符聲明為 UTF-8。
HTML 實例
<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>頁面標題</title></head><body><h1>我的第一個標題</h1><p>我的第一個段落。</p></body></html>
如您還有不明白的可以在下面與我留言或是與我探討QQ群308855039,我們一起飛!
英國《太陽報》報道,菲律賓一位網頁設計師為了向自己的職業致敬,給自己的兒子取名為“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)”。還有人對寶寶的名字表示了擔憂評論道:“將來,他可能會成為被欺負和被嘲笑的對象?!?/p>
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。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有一個簡單的認識!
*請認真填寫需求信息,我們會在24小時內與您取得聯系。