HTML是什麼?
HTML是描述 Web文檔的標記語言(web pages) 。
- HTML代表超文本標記語言
- 一種標記語言,是一組markup tags
- HTML文檔所描述HTML tags
- 每個HTML標籤describes不同的文檔內容
HTML示例
一個小的HTML文檔:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
試一試» 例子解釋:
- 的DOCTYPE聲明定義了文檔類型是HTML
- 之間的文本<html>和</html>描述的HTML文檔
- 之間的文本<head>和</head>提供關於文檔的信息
- 之間的文本<title>和</title>提供了一個標題為文檔
- 之間的文本<body>和</body>描述可見頁面內容
- 之間的文本<h1>和</h1>描述了標題
- 之間的文本<p>和</p>描述段落
使用這個描述,Web瀏覽器可以顯示一個標題和段落中的文檔。
HTML標籤
HTML標籤是關鍵字 (tag names)包圍angle brackets :
<tagname>content</tagname>
- HTML標記通常來in pairs等<p>和</p>
- 在一對所述第一標籤是start tag,所述第二標記是end tag
- 最終的標籤是這樣寫的起始標籤,但標籤名稱前的斜線
開始標籤常被稱為opening tag 。 結束標記通常被稱為closing tag 。
Web瀏覽器
Web瀏覽器的目的(Chrome, IE, Firefox, Safari)是讀取HTML文檔並顯示它們。
瀏覽器不顯示HTML標記,但使用它們來確定如何顯示文件:
HTML頁面結構
下面是一個HTML頁面結構的可視化:
<html>
<head>
<title>頁標題</title>
</head> <body>
</html> <h1>這是一個標題</h1>
<p>這是一個段落。 </p>
<p>這是另一個段落。 </p>
</body> 只有<body>區域(the white area)是由瀏覽器顯示。
該<!DOCTYPE>聲明
該<!DOCTYPE>聲明有助於正確顯示網頁瀏覽器。
有在網絡上不同的文件類型。
要正確地顯示文檔,瀏覽器必須知道類型和版本。
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">
在w3ii所有教程和示例使用HTML5。
HTML版本
由於網絡的初期,出現了HTML的許多版本:
版 | 年 |
---|---|
HTML | 1991年 |
HTML 2.0 | 1995年 |
HTML 3.2 | 1997年 |
HTML 4.01 | 1999年 |
XHTML | 2000 |
HTML5 | 2014 |