探索核心 HTML

已完成

超文本標記語言或 HTML 是用來建立網頁的核心語言。 HTML 用來描述向用戶顯示的資訊。 HTML 會告訴瀏覽器如何顯示文字。

備註

超文本這個詞來源於出現在點擊或點選時,將使用者帶到另一個頁面的文字,即連結或超連結。

標記和元素簡介

當您將文字格式化成粗體或放大字型時,您不一定會考慮「幕後」的內容。

當您在網頁上體驗文字時,瀏覽器會執行使用程式碼來格式化它的工作。 HTML 程式碼是驅動顯示內容的底層結構。 程式代碼會告訴瀏覽器該怎麼做,讓文字以它的方式出現。

如我們在先前單元中所學的,當網頁上有 粗體文字時,HTML 代碼中用於告知瀏覽器將文字設定為粗體的詞被稱為 標籤。 標記會圍繞需要以特定方式顯示或 轉換的文字。 標籤通常會有開頭和結尾,中間有文字。

開啟和關閉之間的標記和任何內容稱為 元素

  • 這是開頭標籤,可將文字變成粗體:<strong>
  • 這是結尾標籤,可將文字變成粗體:</strong>
  • 這是元素: <strong> Make me bold </strong>

這很重要

您經常會聽到開發人員會交替使用字詞標籤和元素。 雖然他們在技術上意味著不同的事情,但在大多數對話中,意義上的輕微差異並不重要。

標頭是編號為一到六的常見元素,其中一個是階層頂端,六個是最低。 標頭寫為h1h6。 如果您想要將最上層標題新增至頁面以顯示 Resume 一字,您可以使用:

<h1>Resume</h1>

下列影片示範 HTML 如何由瀏覽器轉換成格式化資訊。

瞭解如何使用標籤

有許多標記可供程式設計人員使用。 瞭解有哪些可用項目,以及其使用方式稱為 語法。 此時,我們避免陷入細節之中。 重要的是,您了解標籤是什麼,以及它如何用來構成元素。