首頁 > web前端 > html教學 > HTML 中的內嵌標籤

HTML 中的內嵌標籤

王林
發布: 2024-09-04 16:25:09
原創
661 人瀏覽過

對於建立網頁,HTML 元素在網頁開發中扮演重要角色。這些 HTML 元素具體分為 2 個子類別,例如內嵌元素和區塊級元素。內聯元素是那些不以新行開頭的元素。此外,它不佔網頁上的全角空間。這種元素僅佔據容納所包含元素所需的空間。 HTML 中有多種內嵌標籤。我們稍後會一一看到。 元素用作 HTML 中包含的文字的容器。大多數時候,內聯元素在另一個 HTML 元素中使用。

建立內聯元素的語法如下:

文法:

<span>Contents</span>
登入後複製
  • 如上所示,span 元素被視為包含元素的容器。不需要歸屬於span標籤。它使用類別名稱、idname 或樣式作為屬性。
  • 內嵌元素包含在正文部分內。與其他元素相比,這些元素創建的結構更短。

HTML 中的前 20 個內嵌標籤

HTML 中將使用多個內嵌標籤;我們來一一看看:

1。 : 此標籤用於放置文字的縮寫,例如 HTML、WWW、ASAP、PFA 等

文法:

<abbr title="Text">Abbrevation_HTML 中的內嵌標籤</abbr>
登入後複製

2。 此標籤用於描述首字母縮寫。就像 NASA、GUI 等。現在 HTML 5 中不再使用這個標籤。它提供有關瀏覽器、搜尋引擎等的資訊。

文法:

<acronym title="Text">HTML 中的內嵌標籤</acronym>
登入後複製

3。 : 定義粗體格式的文字。

文法:

<b>Text</b>
登入後複製

4。 : HTML 中的此內嵌標記定義了雙向覆蓋。它可以幫助用戶覆蓋現有的文字方向。它有兩個值,從左到右和從右到左。

文法:

<bdo dir="ltr">Text </bdo>
登入後複製

5。 : 這是用來定義較大文字的內嵌標記之一。

文法:

<big>Text</big>
登入後複製

6。 <br>: 此標籤用於在 HTML 程式碼中給出換行符或空格。

文法:

<br>
登入後複製

7。 HTML 中的按鈕標籤,用於建立可點擊的按鈕。

文法:

<button type="button"> Text</button>
登入後複製

8。 : 重要的內嵌元素之一是 ,它使用 HTML 定義作品或文件的標題。

文法:

<p><cite>Text </cite>other HTML 中的內嵌標籤</p>
登入後複製

9。 : 此內嵌元素用來定義一段電腦程式碼。它被視為短語標籤。

文法:

<code>Text</code>
登入後複製

10。 : 此內嵌元素用於定義 HTML 程式碼中術語的實例。

文法:

<p><dfn> HTML 中的內嵌標籤</dfn></p>
登入後複製

11。 : 這也被視為使用強調文本呈現的短語標籤。

文法:

<em>Text</em>
登入後複製

12。 : 此標籤用於以另一種語氣解釋部分文字。主要用於以斜體顯示包含的文字。這被稱為技術術語。

文法:

<p> <i>HTML 中的內嵌標籤</i>another HTML 中的內嵌標籤</p>
登入後複製

13。 HTML 中的內嵌標籤: 最重要的內嵌元素之一作為圖像包含在我們的網頁上。因此,此標籤有助於在我們的網頁中包含圖像,如下所示:

文法:

<img  src="Image_URL" height="value"    style="max-width:90%" alt="HTML 中的內嵌標籤" >
登入後複製

14。 這種類型的內嵌元素將在

中使用元素。它允許用戶放置輸入資料。

文法:

登入後複製
登入後複製

15。 這也稱為 HTML 中的短語標籤,用於從鍵盤取得輸入。

文法:

<kbd>keyboard input</kbd>
登入後複製

16。  此內嵌元素將在

文法:

登入後複製
登入後複製

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

來源:php
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板