最新的Web開發教程

HTML簡介


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>
<h1>這是一個標題</h1>
<p>這是一個段落。 </p>
<p>這是另一個段落。 </p>
</body>
</html>

只有<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