HTMLHTML入門

備註

HTMLH yper t ext M arkup L anguage)是一個符合XML標準的系統,用'標籤'註釋文檔。它專門用於為網頁和Web應用程序創建內容,然後可以通過網絡共享。

除文本外,當前版本的HTML支持許多不同類型的媒體 ,包括圖像和視頻。

版本

規格發布日期
1.0 N / A 1994-01-01
2.0 RFC 1866 1995年11月24日
3.2 W3C:HTML 3.2規範 1997年1月14日
4 W3C:HTML 4.0規範 1998年4月24日
4.01 W3C:HTML 4.01規範 1999年12月24日
WHATWG:HTML生活標準 2014年10月28日
5.1 W3C:HTML 5.1規範 2016年11月1日

你好,世界


介紹

HTMLH yper t ext M arkup L anguage)使用由表示特定內容的元素組成的標記系統。 標記是指與HTML聲明什麼是呈現給觀眾,它沒有呈現方式。可視化表示由層疊樣式表(CSS)定義並由瀏覽器實現。 仍然存在允許這樣的元素,例如font ,“完全過時,並且不得被作者使用” [1]

HTML有時被稱為編程語言,但它沒有邏輯, 標記語言也是如此。 HTML標記為頁面中的內容提供語義和機器可讀性。

元素通常由開始標記( <element_name> ),結束標記( </element_name> )組成,其中包含由尖括號括起的元素名稱,以及介於兩者之間的內容: <element_name>...content...</element_name>

有些HTML元素沒有結束標記或任何內容。這些被稱為空元素 。 Void元素包括<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>
 



簡單的頁面分解

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

標籤含義
<!DOCTYPE> 定義文檔中使用的HTML版本。在這種情況下,它是HTML5。
有關更多信息,請參閱doctypes主題
<html> 打開頁面。結束標記( </html> )之後不應該有標記。 lang 屬性使用ISO語言代碼聲明頁面的主要語言( en 表示英語)。
有關詳細信息,請參閱內容語言主題
<head> 打開head部分,該部分未出現在主瀏覽器窗口中,但主要包含有關 HTML文檔的信息,稱為元數據 。它還可以包含來自外部樣式表和腳本的導入。結束標記是</head>
<meta> 為瀏覽器提供有關文檔的一些元數據。 charset 屬性聲明了字符編碼 。現代HTML文檔應始終使用UTF-8 ,即使它不是必需的。在HTML中, <meta> 標記不需要結束標記。
有關更多信息,請參閱Meta主題
<title> 頁面標題。在此開頭和結束標籤( </title> )之間寫入的文本將顯示在頁面的選項卡上或瀏覽器的標題欄中。
<body> 打開向用戶顯示的文檔部分,即頁面的所有可見或可聽內容。在結束標記</body> 之後不應添加任何內容。
<h1> 該頁面的1級標題。
有關更多信息,請參閱標題
<p> 表示文本的常見段落。

1.↑ HTML5,11.2不符合要求的功能
2.↑ .htm 繼承自傳統的DOS三字符文件擴展名限制。