HTML`a`標籤

探索使用HTML的基礎知識a標記以創建鏈接

鏈接是使用a標籤。鏈接目標是通過它的設置的href屬性。

例子:

<a href="https://flaviocopes.com">click here</a>

在開始標記和結束標記之間,我們有鏈接文本。

上面的示例是一個絕對URL。鏈接也可以使用相對URL:

<a href="/test">click here</a>

在這種情況下,點擊鏈接後,用戶將移至/test當前來源的網址。

小心/特點。如果省略,瀏覽器將添加test當前URL的字符串。

例如,我在頁面上https://flaviocopes.com/axios/我有這些鏈接:

  • /test一旦點擊,將我帶到https://flaviocopes.com/test
  • test一旦點擊,將我帶到https://flaviocopes.com/axios/test

鏈接標籤可以在其中包含其他內容,而不僅僅是文本。例如,圖像:

<a href="https://flaviocopes.com">
	<img src="test.jpg">
</a>

或任何其他元素,除了其他<a>標籤。

如果您想在新標籤頁中打開鏈接,則可以使用target屬性:

<a href="https://flaviocopes.com" target="_blank">open in new tab</a>

免費下載我的HTML手冊


更多HTML教程: