Javascript 使用 Href 創建元素

| | | | | | | | |

這是指向 Karma Career 主頁網址的鏈接示例:

HTML 鏈接標籤類型

在瀏覽器中可以查看三種類型的鏈接。它們是:

有些網站會替換這些顏色,這意味著它們看起來不同,但這些是您可以在HTML HTML超鏈接中定義的主要鏈接類型

.:目標

您可以更改鏈接的打開方式。例如,假設您想在用戶 Web 瀏覽器的新選項卡中打開一個鏈接。這將確保用戶不會失去他們當前正在查看的網頁上的位置。

。這就是 targetHTML 鏈接屬性的用武之地。使用 target 鏈接,您可以指定瀏覽器應在何處打開您連接的資源

>

您可以使用四種類型的目標,它們是:。

以下是其中一些鏈接的示例:

Hyperlink HTM L: 書籤錨

Hyperlinks HTML 也可以指 HTML 的特定部分 文件。如果您有一個較長的網頁並希望將用戶引導到文本中的特定位置,這將非常有用。

在開始使用錨點之前,對於書籤,您必須首先在所需元素上設置一個 ID 屬性用戶去。以下是在網頁標題上聲明 ID 屬性的示例:

我們為 HTML 標頭標記分配了 ID subtitle3,我們可以將其用作 鏈接中的引用.

這是一個引用此標頭的 link 示例:

而不是在我們的href 中指定一個url標記,我們指定要鏈接到的項目的 ID。讓我們在 id (#) 之前加上哈希,這樣瀏覽器就知道鏈接的文檔在我們的網頁上。

HTML 錨標籤

HTML 錨標籤是指標籤。此標籤將用戶鏈接到另一個 Web 資源。 “href”屬性定義了用戶點擊鏈接時將被定向到的資源。

HTML 錨標籤的例子

我們來看一些使用 HTML 標籤的例子。

相對 URL

如果您要鏈接到正在開發的同一 HTML 文檔上的資源,則可以使用相對 URL。相對 URL 也稱為本地鏈接,不要使用 " https://www.sitename .com " 語法。而不是這個,指向本地服務器上特定文件路徑 Web 資源的相對 URL。

假設我們在職業 Karma 網站上創建了一個鏈接,該鏈接應該指向我們的博客。我們可以使用本地 URL,而不是使用絕對 URL,因為我們的站點是 Karma Career 站點。以下是我們將用於創建此鏈接的代碼:

當我們點擊 Karma 職業博客 文本時,我們被定向到我們的 / blog 資源site

電子郵件地址

錨標記也可用於鏈接到電子郵件地址。當您單擊指向電子郵件地址的鏈接時,將打開用戶的默認電子郵件程序。這 。系統將詢問用戶是否要向指定的電子郵件地址發送消息

要連接到電子郵件地址,您必須使用 mailto 協議開始鏈接:以下是電子郵件鏈接的示例HTML 中的地址:

當我們點擊我們的鏈接時,我們的電子郵件程序打開並要求我們發送一封電子郵件到“[email protected] " 的。錨標記可以鏈接到網頁上的元素。您可以通過指定錨點應指向的元素的 ID 來創建此鏈接。假設我們想要一個鏈接,將我們的用戶帶到網頁上的標題 Topic test。我們可以使用以下代碼創建此鏈接:

當點擊我們的鏈接時,我們的網頁會滾動到 id 為 test_heading 的項目.

結論

超鏈接可在 HTML 中用於關聯網頁或其他資源。您可以使用超鏈接連接到您網站或任何其他網站上的資源。在在本指南中,我們已經解釋瞭如何在 HTML 文檔中使用 超鏈接

有了所有這些信息,您就可以創建 超鏈接了 HTML 像大師一樣!

要了解有關 HTML 編碼的更多信息,請閱讀我們的如何學習 HTML 指南.

Shop

Learn programming in R: courses

$

Best Python online courses for 2022

$

Best laptop for Fortnite

$

Best laptop for Excel

$

Best laptop for Solidworks

$

Best laptop for Roblox

$

Best computer for crypto mining

$

Best laptop for Sims 4

$

Latest questions

NUMPYNUMPY

psycopg2: insert multiple rows with one query

12 answers

NUMPYNUMPY

How to convert Nonetype to int or string?

12 answers

NUMPYNUMPY

How to specify multiple return types using type-hints

12 answers

NUMPYNUMPY

Javascript Error: IPython is not defined in JupyterLab

12 answers

News


Wiki

Python OpenCV | cv2.putText () method

numpy.arctan2 () in Python

Python | os.path.realpath () method

Python OpenCV | cv2.circle () method

Python OpenCV cv2.cvtColor () method

Python - Move item to the end of the list

time.perf_counter () function in Python

Check if one list is a subset of another in Python

Python os.path.join () method