如何在 Javascript 中獲取 P 標籤的值

| | | | | | | | | | | | | | | | | | | | | | | | | | |

HTML 標籤允許您將樣式應用於網頁或段落的一部分。它通常用於對段落中的文本進行樣式化,例如通過更改單詞的顏色。 標籤默認沒有樣式。

使用 HTML 編程時,您可能決定要在網頁上設置特定樣式。例如,您可能想要強調句子中的某個詞或鏈接列表中的特定鏈接。

是 HTML 標記的來源。 是一個通用的內聯容器,允許您在 Web 文檔中製定內容。 通常用於樣式 - 尤其是文本樣式

本教程將通過示例討論如何使用 HTML ;. 將樣式應用於網頁的元素。閱讀完本教程後,您將成為使用 HTML 標記的專家。

HTML 標記

HTML 網頁標籤的一部分。它通常在

元素中用於將樣式應用於段落的特定部分。例如,您可以使用 更改段落中單詞的顏色。

標籤本身沒有默認值或渲染器。這意味著如果你使用不帶屬性的標籤,它對你的網頁顯示方式沒有影響。

通常與 CSS 一起使用,以應用某為網頁上的一個或多個特定元素設置樣式。 讓您可以輕鬆地將某種樣式同時應用於網頁上的多個元素

>

HTML 語法

HTML Span 標籤有一個開始 () 和一個結束 () 我們可以使用以下語法來使用 標籤:

HTML 標籤沒有特定的標籤屬性。例如, 按鈕標籤具有“高度”和“寬度”作為標籤的特定屬性。 沒有任何這些類型的屬性,因為它依賴 CSS 進行樣式設置。 標籤支持所有 全局 HTML 屬性

你可以認為 標籤類似於 中的 標籤用於定義文本的部分和塊,因為

我們的代碼返回:

在我們的示例中,我們在術語“美味烘焙食品”和“數千”下劃線。 Pringle 先生告訴我們這些術語很重要,因此我們指示程序將它們顯示為紅色。

我們定義了一個包含在

HTML 標記。本文追溯了 Pringle 和 Bakery Sons 的歷史。 Quindi, abbiamo racchiuso i termini che vogliamo appaiano in rosso nei tag .

Nel nostro 文件 CSS, abbiamo specificato che il colore di ogni elemento assegnato alla class redText dovrebbe essere紅色的。這允許我們在使用 標籤時將文本的顏色更改為紅色

;. 在這種情況下很有用,因為我們只是想強調文本中的某些單詞。我們可以在

標記本身上使用紅色的樣式文本。但這會導致整個紅色段落。

列表中的 HTML

假設 Pringle and Sons Bakery 要求我們在他們的網站上添加一個帶有鏈接的列表到他們的社交媒體頁面。這家麵包店指出,他們的 Twitter 和 Facebook 頁面的鏈接特別重要,因為團隊在這些平台上更加活躍。 .所以他們希望我們用藍色突出顯示鏈接

我們可以使用以下代碼來做到這一點:

我們的代碼返回:

CSS class .blue 的鏈接的背景顏色從淺藍色變為。

與我們的 Instagram 鏈接相關的背景顏色沒有改變,因為我們沒有在 標籤中包含這個鏈接的文本。

結論

HTML 代碼 是一個通用容器,用於將樣式應用於 HTML 頁面上的特定元素。 .默認情況下, 標籤什麼都不做,但它可以與 CSS 結合使用來設置元素樣式

作為挑戰,定義一個 ;使句子中的單詞以全部大寫字母出現的標記。您需要使用 CSS 規則來使用 標籤繪製文本。

本教程通過示例說明如何在代碼中使用 HTML < span>。您現在可以像專業的 Web 開發人員一樣開始使用 標籤了!

有關 HTML 學習的幫助和支持,請閱讀我們的 HTML 學習指南 .