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教程: