HTML 簡介 | HTML(基礎)#1

19.4.16

HTML教學
HTML 是一種用來描述網頁文件的標記式語言(markup language)。


HTML 是甚麼?

  • HTML 是 Hyper Text Markup Language 的縮寫
  • 標記式語言是由標記標籤(markup tags)組成
  • HTML 文件由 HTML 標籤(HTML tags)寫成
  • 每個 HTML 標籤用來描述不同的文件內容

HTML 例子

以下是一個基本網頁的 HTML 標籤:

<!DOCTYPE html>
<html>
<head>
<title>網頁標題</title>
</head>
<body>

<h1>標題1</h1>
<p>段落</p>

</body>
</html>

標籤解釋:
  • DOCTYPE 表明這是 HTML 文件
  • <html></html> 中的文字描述了一個 HTML 文件
  • <head></head> 中的文字提供了文件資訊
  • <title> 及 </title> 中的文字提供了文件標題
  • 在 <body> 及 </body> 中的文字描述了網頁中顯示的內容
  • 在 <h1> 及 </h1> 中的文字描述了標題
  • 在 <p> 及 </p> 中的文字描述了段落
有了這些描述,網頁瀏覽器便能顯示一個有標題及段落的基本網頁。


HTML 標籤

HTML 標籤是被角括號(angle brackets)包圍的關鍵字(keywords):
<標籤名稱>內容</標籤名稱>
  • HTML 標籤一般都是寫成一對的,如 <p> 及 </p>
  • 每對標籤中的第一個標籤是開始標籤(start tag / opening tag),而第二個標籤則是結束標籤(end tag / closing tag)
  • 結束標籤寫法好像開始標籤,但在標籤名稱前加上斜線

網頁瀏覽器

瀏覽器(如 Chrome、IE、Firefox、Safari)的用途是讀取並顯示 HTML 文件。

瀏覽器不會顯示 HTML 標籤,但會用此來決定如何顯示該文件。

瀏覽器顯示網頁

HTML 的結構

以下是一個 HTML 網頁的結構,只有白色背景中(<body>...</body>)的內容會被展示:
<html>

<head>

<title>網頁標題</title>
</head>
<body>

<h1>標題1</h1>
<p>這是段落</p>
<p>這是另一段落</p>
</body>
</html>

<!DOCTYPE>

<!DOCTYPE> 幫助瀏覽器正確顯示網頁。

網上有太多種文件類型,要正確顯示,瀏覽器必須知道文件類型及版本。

doctype 沒有大小寫敏感性(case sensitivity),大寫或小寫均被接受:

<!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 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML 5 2014


參考:http://www.w3schools.com/html/html_intro.asp

您或許喜歡

0 意見

精選文章

釋放C Drive空間:更改iTunes備份位置 | 電腦技巧 (2018.10.17更新)

最近電腦常警告我儲存空間不足!自問沒有安裝新程式,文件又全都儲存在 D Drive,到底容量都去哪了?終於發現因妹妹備份iPhone的緣故。於是找了解決方法,希望幫到遇上同樣問的的朋友。

Facebook