首頁 > 文章 > web前端 > HTML 中的標籤類型

HTML 中的標籤類型

王林原創: 2024-09-04 16:19:501203瀏覽

標籤可以定義為直接嵌入 HTML 文件文字中的指令。 HTML 文件中使用的標籤類型負責告訴 Web 瀏覽器執行某些操作（請按照說明進行操作），而不僅僅是顯示文字。在 HTML 文件中，所有標記名稱都與其他簡單文字區分開來。標籤名稱括在尖括號或「小於」和「大於」符號（）之間。

HTML 中排名前 3 的標籤類型

HTML 文件是使用不同類型的標籤建立的。 HTML標籤可以根據不同的基礎進行定義和劃分。讓我們在本文的後續部分中看到它們。我們根據以下分類對 HTML 標籤進行了劃分：

1。配對和未配對標籤

以下是 HTML 中的配對和不配對標籤，並透過範例詳細解釋。

配對標籤

當 HTML 標籤包含一個開始標籤和一個結束標籤作為其伴隨標籤時，該標籤稱為配對標籤。 HTML 配對標籤以開始標籤開頭：尖括號內的標籤名稱；例如，段落開始標記寫為「

」。內容在開始標籤之後，以結束標籤結束：標籤名稱以正斜線開頭；例如，結束段落標記寫為「

」。第一個標籤可以稱為“開始標籤”，第二個標籤可以稱為結束標籤。

範例#1：

<p> This text is a paragraph . </p>

輸出：

HTML 中的標籤類型

注意：這裡，開始標籤是，結束標籤是

。

範例#2：

另一個配對標籤的例子是斜體和/或粗體標籤：

<i> <b> This is a bold and italicized text </b> </i>

輸出：

HTML 中的標籤類型

注意：這些配對標籤也稱為容器標籤。

未配對的標籤

當 HTML 標籤只有開始標籤而沒有結束標籤或伴隨標籤時，該標籤稱為不配對標籤。不配對的 HTML 標籤不需要結束標籤；在這種類型中，一個開始標籤就足夠了。不配對的標籤有時也被命名為獨立標籤或單一標籤，因為它們不需要伴隨標籤。

範例：

 This is a paragraph 

<i> <b> This is a bold and italicized text </b> </i>

輸出：

注意： 這裡，

是用來建立水平線的未配對標籤。在舊版本中，您可能會看到 hr 標籤寫為

而不是

。這些標籤也稱為空標籤。

2。自動關閉標籤

自關閉標籤是那些沒有合作夥伴標籤的 HTML 標籤，其中第一個標籤是對格式有效的唯一必要標籤。主要且重要的資訊作為其屬性包含在元素內。影像標籤是自閉合標籤的典型範例。讓我們看看下面的實際效果：

範例：

<img src="a.jpg" alt="This is an alternate text">

注意：在舊版本中，自閉合標籤在結束或結束“大於”符號/符號之前使用“正斜杠”，如下所示：

”這是替代文字”/

3。基於實用程式的標籤

HTML 標籤可以根據其實用性（即根據其服務的目的）進行廣泛區分。我們可以將它們基本上分為三類，如下所述：

格式化標籤

幫助我們設定文字格式的 HTML 標籤，例如文字大小、字型樣式、文字粗體等。這是使用、、等標籤完成的。 u> 等。表格、分割區和跨度標籤也是幫助格式化網頁或文件並設定頁面佈局的標籤。下面是一個小程序，使用分割區以及其他一些格式化標籤來格式化頁面。

範例：

<body>
<div class="container">
<div class="row">
<div class="col-25">
<label for="email"><b>Name</b></label>
</div>
<div class="col-35">
<input type="text" placeholder="First" name="fname" required>
</div>
<div class="col-35">
<input type="text" placeholder="Last" name="lname" required>
</div>
</div>
</div>
</body>

輸出：

HTML 中的標籤類型

結構標籤

幫助建立 HTML 文件的 HTML 標籤稱為結構標籤。描述、head、html、title、body等，構成頁面結構標籤組。結構標籤僅有助於從根開始創建或形成基本的 html 頁面；也就是說，它們不影響或參與文字的格式設定。所以一個基本的HTML程式就是一組基本的結構標籤：

範例：

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Types of Tags Demo</title>
</head>
<body>
<p> This is a paragraph </p>
<i><b> This is a bold and italicized text </b></i>
</body>
</html>

輸出：

HTML 中的標籤類型

控制標籤

可以建立的另一類標籤是「控制標籤」。腳本標籤、單選按鈕或複選框、表單標籤等構成了控制標籤。這些標籤用於管理內容或管理外部腳本或庫。所有的表單標籤、下拉清單、輸入文字方塊等，都是用來與訪客或使用者互動的。

HTML 標籤的上述差異是基於標籤的類型及其用途。 HTML標籤也可以根據基本類別進行簡單劃分，如基本HTML根標籤、格式標籤、音訊和視訊標籤、表單和輸入標籤、框架標籤、連結標籤、清單標籤、表格標籤、樣式標籤、元標籤等.

以上是HTML 中的標籤類型的詳細內容。更多資訊請關注PHP中文網其他相關文章！

less html for format require using Attribute symbol this input table

陳述：

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

上一篇：HTML 內邊距與邊距下一篇：HTML 內邊距與邊距

看更多