Hello World

介紹

HTMLH 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>

元素名稱可以被認為是它們包含的內容的描述性關鍵字,例如 videoaudiotablefooter

HTML 頁面可能包含數百個元素,然後由 Web 瀏覽器讀取,解釋並呈現為螢幕上的人類可讀或可聽內容。

對於本文件,重要的是要注意元素和標記之間的區別:

元素: videoaudiotablefooter

標籤: <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>

簡單的頁面分解

這些是示例中使用的標記:

1.↑ HTML5,11.2 不符合要求
2.↑.htm 繼承自傳統的 DOS 三字元副檔名限制。