Hello World
介紹
HTML ( H yper 噸分機M arkup L anguage)使用代表特定內容元素組成的標記系統。標記是指與 HTML 宣告什麼是呈現給觀眾,而不是如何被呈現。視覺化表示由層疊樣式表(CSS) 定義並由瀏覽器實現。仍然存在允許這樣的元素, 例如 font
,“完全過時,並且不得被作者使用” [1] 。
HTML 有時被稱為程式語言,但它沒有邏輯,標記語言也是如此。HTML 標記為頁面中的內容提供語義和機器可讀性。
元素通常由一個開始標記(<element_name>
),一個結束標記(</element_name>
)組成,其中包含由尖括號括起的元素名稱,以及之間的內容:<element_name>...content...</element_name>
有些 HTML 元素沒有結束標記或任何內容。這些被稱為空元素 。空元素包括 <img>
,<meta>
,<link>
和 <input>
。
元素名稱可以被認為是它們包含的內容的描述性關鍵字,例如 video
,audio
,table
,footer
。
HTML 頁面可能包含數百個元素,然後由 Web 瀏覽器讀取,解釋並呈現為螢幕上的人類可讀或可聽內容。
對於本文件,重要的是要注意元素和標記之間的區別:
元素: video
,audio
,table
,footer
標籤: <video>
,<audio>
,<table>
,<footer>
,</html>
,</body>
元素洞察力
讓我們分解一個標籤……
<p>
標籤代表一個共同的段落。
元素通常具有開始標記和結束標記。開始標記包含尖括號中的元素名稱(<p>
)。結束標記與開始標記相同,在開始括號和元素名稱(</p>
)之間新增了正斜槓(/
)。
然後內容可以在這兩個標籤之間進行:<p>This is a simple paragraph.</p>
。
建立一個簡單的頁面
以下 HTML 示例建立一個簡單的 Hello World
網頁。
可以使用任何文字編輯器建立 HTML 檔案。必須使用 .html
或 .htm
[2] 副檔名儲存檔案才能被識別為 HTML 檔案。
建立後,可以在任何 Web 瀏覽器中開啟此檔案。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello!</title>
</head>
<body>
<h1>Hello World!</h1>
<p>This is a simple paragraph.</p>
</body>
</html>
簡單的頁面分解
這些是示例中使用的標記: