探索使用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教程:
- HTML簡介
- HTML`iframe`標籤
- HTML表格
- HTML`video`標籤
- HTML`audio`標籤
- 文字的HTML標籤
- HTML表格
- HTML img標籤
- HTML`a`標籤
- HTML`picture`標籤
- HTML`figure`標籤
- HTML容器標籤
- 網絡上的可訪問性
- 如何在HTML中創建註釋
- 如何在暗模式下更改HTML圖像URL
- 使用`srcset`的響應式圖像
- 在黑暗模式下更改圖標