下列哪個不是有效的 HTML 標籤:h1、H、h2、h3?


HTML,超文字標記語言,充滿了標籤、元素和屬性,使用它們可能會有點混亂。因此,為了從眾多標籤中找出有效的 HTML 標籤,讓我們瞭解 HTML、HTML 語法和標籤的概念。然後我們還將檢視每個標籤的輸出。

HTML

網頁的基礎是 HTML,它提供了一種統一的方法來組織和顯示線上內容。靜態網頁僅使用 HTML 程式碼建立,內容可讀、資訊豐富且易於訪問。HTML 遵循特定的語法,使用標籤和屬性。要掌握 Web 開發語言,必須瞭解 HTML 的基礎知識。為了理解標籤及其用途的基礎知識,讓我們繼續下一個部分。

HTML 標籤

HTML 文件只是帶有 .html 或 .htm 副檔名的文字檔案。一系列標籤用尖括號 (>) 括起來。標籤定義元素及其屬性。HTML 文件的開頭通常放置文件型別宣告和包含整個文件的標籤。標籤包含有關檔案的元資訊,例如標題和字元編碼。網頁的可見內容包含在標籤中。還有許多其他標籤可以用於以這種格式顯示,包括 head、body、paragraph、image 等等。

HTML 標籤的許多屬性使 Web 設計人員能夠建立結構化、互動式和美觀的 Web 內容。HTML 標籤的基本屬性包括:

  • 結構 - HTML 標籤提供用於在網頁上排列內容的結構框架。標籤使我們能夠將內容劃分為有意義的部分,從而提高可讀性和可維護性。

  • 語義含義 - 許多 HTML 標籤具有語義含義,這為 Web 瀏覽器和輔助技術提供了更多上下文。語義標籤有助於傳達內容的功能和作用,從而提高使用者和搜尋引擎的可訪問性。

  • 內容展示 - HTML 標籤定義標題、段落、列表和其他內容元素,這些元素有助於組織和呈現網頁上的文字和多媒體內容。

  • 連結 - 標籤用於建立連結,允許使用者跳轉到其他網頁、外部資源或同一頁面的不同部分。

  • 媒體嵌入 - “img”、“audio” 和 “video” 等 HTML 標籤允許使用者將影像、音訊檔案和影片內容插入網頁。

標籤型別及其用途

  • 標題 (h1 到 h6) - 要定義標題,可以使用 h 標籤,它們具有不同的級別,每個級別代表不同的標題大小。它們用於組織內容並表示頁面上資訊的重要性順序。

  • 段落標籤 - 這些標籤用於標識文字段落。它在段落之前和之後新增新行,並將相關的文字組合在一起。

  • 錨點標籤 - 此標籤用於將其他網頁連結到您的檔案,需要在 src 屬性中提及 url。

  • 列表標籤 - 此標籤用於建立列表,包括有序列表和無序列表。

  • 分割槽標籤 - 此標籤用於建立一個通用的容器來對某些元素進行分組,這可以稍後用於樣式設定。

標題標籤

  • <h1> (標題級別 1 標籤) - 此標籤表示頁面的主要標題,即最高級別的標題。理想情況下,每個頁面應該只使用一次來描述主要主題或標題。

  • <h2> (標題級別 2 標籤) - <h2> 標籤用於表示略小於主要標題的副標題。它表示新部分或重要子部分的開始。

  • <h3> (標題級別 3 標籤) - 此標籤應用於子子標題,以進一步對標題下的資訊進行分類。它是頁面中較緊湊的部分。

  • <h4> (標題級別 4 標籤) - 這用於優先順序更低的標題,進一步劃分內容。

  • <h5> (標題級別 5 標籤) - 此標籤用於重要性較低的標題,這些標題巢狀在各個部分中以進一步組織內容。相對而言,它不如其他標題級別常用。

  • <h6> (標題級別 6 標籤) - 此標籤是最小的標題,用於較大的標題內的子部分或較小的標題。它是標題級別中使用頻率最低的。

示例程式碼

演算法

  • 開啟一個 HTML 檔案,並以 .html 副檔名儲存。

  • 為每個標題標籤編寫程式碼。

  • 儲存檔案並在瀏覽器中檢視。

示例

<!DOCTYPE html>
<html>
<head>
   <title>Coding with HTML</title>
</head>
<body>
   <H1>This is H1 heading</H1>
   <h2>This is H2 heading</h2>
   <h3>This is H3 heading</h3>
   <h4>This is H4 heading</h4>
   <h5>This is H5 heading</h5>
   <h6>This is H6 heading</h6>
</body>
</html>

結論

總之,HTML 具有大量的標籤,這可能會導致對每個標籤用途的混淆。因此,注意標籤的使用及其語法非常重要。練習程式碼和試驗標籤可以幫助您更好地掌握 HTML 語言,並使您可以清楚地瞭解標籤和語法。

透過足夠的練習和 HTML 知識,您可以更清楚地瞭解語法以及如何編寫它。關於答案,<H> 標籤在這些標籤中是無效的,而其他所有標籤 <h1>、<h2>、<h3> 都是有效的,並且是不同級別的標題。

更新於:2023年8月22日

322 次瀏覽

開啟您的職業生涯

完成課程獲得認證

開始學習
廣告