[w3schools提供的HTML系列教程]HTML介紹

什麼是HTML

HTML 是一種描述 Web 文檔(頁面)的標記語言。
- HTML 代表超文本標記語言(Hyper Text Markup Language)
- 標記語言就是一組標記標籤
- HTML 文檔是由 HTML 標籤來描述的
- 每個 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>標籤之間的文本提供了有關 HTML 文檔的信息
  • <title></title>標籤之間的文本提供了有關 HTML 文檔的標題
  • <body></body>標籤之間的文本描述了可見的 HTML 文檔內容
  • <h1></h1>標籤之間的文本描述了標題
  • <p></p>標籤之間的文本描述了段落

通過使用這些描述,瀏覽器可以顯示一個 HTML 文檔的標題和段落。

HTML 標籤

HTML 標籤是包含了一對尖角號的關鍵詞(標籤名稱):

<tagname>content</tagname>

  • HTML 標籤通常是成對的,比如<p></p>
  • 一對標籤中的第一個標籤是開始標籤,第二個是結束標籤
  • 結束標籤像開始標籤一樣編寫,只是在標籤名稱的前面有一個斜槓

開始標籤也可以叫做打開標籤,結束標籤也可以叫做關閉標籤。

Web 瀏覽器

一個 Web 瀏覽器的作用是讀取並顯示一個 HTML 文檔。
一個 Web 瀏覽器不顯示 HTML 標籤,而是通過它們來確定如何顯示 HTML 文檔。

HTML 頁面結構

下面是一個 HTML 頁面結構的示例:

<html>
  <head>
    <title>Page title</title>
  </head>
  <body>
    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
  </body>
</html>

瀏覽器只顯示<body>標籤區域內的內容。

<!DOCTYPE> 聲明

<!DOCTYPE> 聲明有助於瀏覽器能夠正確地顯示 HTML 頁面。
網絡中具有不同的文檔類型。
想要正確地顯示 HTML 文檔,瀏覽器必須要知道 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">

HTML 版本

在網絡的早期,HTML 就具有了很多版本:

版本 年份
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

本文翻譯於《w3schools》網站提供的 HTML 教程。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章